0 views

#ccea1f - Color Information

#ccea1f

Base Information

HEX

#ccea1f

RGB

204,234,31

HSL

69,83,52

HSV

69,87,92

CMYK

13,0,87,8

LAB

88,-32,82

LCH

88,88,111

XYZ

55,72,12

Web Safe

#ccff33

Web Smart

#ccee22

is dark

luminosity

0.7178

Pantone Color

Combinations

#ccea1f complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccea1f

#3D1FEA

#ccea1f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccea1f

#1F66EA

#A31FEA

#ccea1f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccea1f

#1FCCEA

#EA1FCC

#ccea1f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccea1f

#1FEAA3

#3D1FEA

#EA1F66

#ccea1f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccea1f

#3D1FEA

#1F66EA

#A31FEA

#ccea1f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#ccea1f

#66EA1F

#1FEA3D

#1FEAA3

Shades

#ccea1f Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#CCEA1F

#D1EC35

#D6EE4C

#DBF062

#E0F279

#E6F58F

#EBF7A5

#F0F9BC

#F5FBD2

#FAFDE9

#ccea1f Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#CCEA1F

#C4DF29

#BDD532

#B5CA3C

#AEC046

#A6B550

#9EAA59

#97A063

#8F956D

#888B76

#ccea1f Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#CCEA1F

#B8D31C

#A3BB19

#8FA416

#7A8C13

#667510

#525E0C

#3D4609

#292F06

#141703

#ccea1f Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#CCEA1F

#D1D31C

#D6BB19

#DBA416

#E08C13

#E67510

#EB5E0C

#F04609

#F52F06

#FA1703

#ccea1f Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#CCEA1F

#B8DF1C

#A3D519

#8FCA16

#7AC013

#66B510

#52AA0C

#3DA009

#299506

#148B03

#ccea1f Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#CCEA1F

#B8D335

#A3BB4C

#8FA462

#7A8C79

#66758F

#525EA5

#3D46BC

#292FD2

#1417E9

Readability Analysis

#ccea1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.36	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.76	A	Sample Text
Blue	6.28	AA	Sample Text

#ccea1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.36	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.76	A	Sample Text
Blue	6.28	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8e120`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecdd6d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8dfa0`
Protanopia	No red perception - Dichromacy	`#f9dc21`
Deuteranopia	No green perception - Dichromacy	`#ffd59a`
Tritanopia	No blue perception - Dichromacy	`#dfd9ea`
Achromatomaly	Partial color blindness - Monochromacy	`#d2dd93`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#ccea1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#ccea1f complementaryColors that are opposite to each other, forming a contrasting pair.

#ccea1f splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccea1f triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccea1f tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccea1f analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccea1f analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#ccea1f Light Tints

#ccea1f Gray Shades

#ccea1f Dark Shades

#ccea1f Red Shades

#ccea1f Green Shades

#ccea1f Blue Shades

Readability Analysis

#ccea1f as Text Color

#ccea1f as Background Color

Color Blindness Simulation

#ccea1f complementary
Colors that are opposite to each other, forming a contrasting pair.

#ccea1f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#ccea1f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#ccea1f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#ccea1f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#ccea1f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.