0 views

#ccce2a - Color Information

#ccce2a

Base Information

HEX

#ccce2a

RGB

204,206,42

HSL

61,66,49

HSV

61,80,81

CMYK

1,0,80,19

LAB

80,-18,74

LCH

80,76,104

XYZ

47,57,11

Web Safe

#cccc33

Web Smart

#cccc22

is dark

luminosity

0.5715

Pantone Color

Combinations

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

#ccce2a

#2C2ACE

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

#ccce2a

#2A7ACE

#7E2ACE

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

#ccce2a

#2ACCCE

#CE2ACC

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

#ccce2a

#2ACE7E

#2C2ACE

#CE2A7A

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

#ccce2a

#2C2ACE

#2A7ACE

#7E2ACE

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

#ccce2a

#7ACE2A

#2ACE2C

#2ACE7E

Shades

#ccce2a Light Tints

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

#CCCE2A

#D1D33F

#D6D855

#DBDD6A

#E0E27F

#E6E795

#EBEBAA

#F0F0BF

#F5F5D4

#FAFAEA

#ccce2a Gray Shades

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

#CCCE2A

#C4C633

#BDBE3B

#B5B744

#AEAF4C

#A6A755

#9E9F5E

#979766

#8F906F

#888877

#ccce2a Dark Shades

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

#CCCE2A

#B8B926

#A3A522

#8F901D

#7A7C19

#666715

#525211

#3D3E0D

#292908

#141504

#ccce2a Red Shades

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

#CCCE2A

#D1B926

#D6A522

#DB901D

#E07C19

#E66715

#EB5211

#F03E0D

#F52908

#FA1504

#ccce2a Green Shades

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

#CCCE2A

#B8C626

#A3BE22

#8FB71D

#7AAF19

#66A715

#529F11

#3D970D

#299008

#148804

#ccce2a Blue Shades

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

#CCCE2A

#B8B93F

#A3A555

#8F906A

#7A7C7F

#666795

#5252AA

#3D3EBF

#2929D4

#1415EA

Readability Analysis

#ccce2a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.43	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.09	AA	Sample Text

#ccce2a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.43	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8c92c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eac232`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d5c492`
Protanopia	No red perception - Dichromacy	`#e0c62c`
Deuteranopia	No green perception - Dichromacy	`#fbbc37`
Tritanopia	No blue perception - Dichromacy	`#dabecd`
Achromatomaly	Partial color blindness - Monochromacy	`#c5c68b`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#ccce2a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccce2a Light Tints

#ccce2a Gray Shades

#ccce2a Dark Shades

#ccce2a Red Shades

#ccce2a Green Shades

#ccce2a Blue Shades

Readability Analysis

#ccce2a as Text Color

#ccce2a as Background Color

Color Blindness Simulation

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

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

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

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

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

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