0 views

#cce20a - Color Information

#cce20a

Base Information

HEX

#cce20a

RGB

204,226,10

HSL

66,92,46

HSV

66,96,89

CMYK

10,0,96,11

LAB

86,-29,83

LCH

86,88,109

XYZ

52,67,11

Web Safe

#cccc00

Web Smart

#ccdd11

is dark

luminosity

0.6725

Pantone Color

Combinations

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

#cce20a

#200AE2

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

#cce20a

#0A60E2

#8C0AE2

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

#cce20a

#0ACCE2

#E20ACC

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

#cce20a

#0AE28C

#200AE2

#E20A60

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

#cce20a

#200AE2

#0A60E2

#8C0AE2

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

#cce20a

#60E20A

#0AE220

#0AE28C

Shades

#cce20a Light Tints

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

#CCE20A

#D1E522

#D6E83B

#DBEB54

#E0EE6C

#E6F185

#EBF39D

#F0F6B6

#F5F9CE

#FAFCE7

#cce20a Gray Shades

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

#CCE20A

#C4D816

#BDCE22

#B5C52D

#AEBB39

#A6B145

#9EA751

#979D5D

#8F9468

#888A74

#cce20a Dark Shades

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

#CCE20A

#B8CB09

#A3B508

#8F9E07

#7A8806

#667105

#525A04

#3D4403

#292D02

#141701

#cce20a Red Shades

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

#CCE20A

#D1CB09

#D6B508

#DB9E07

#E08806

#E67105

#EB5A04

#F04403

#F52D02

#FA1701

#cce20a Green Shades

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

#CCE20A

#B8D809

#A3CE08

#8FC507

#7ABB06

#66B105

#52A704

#3D9D03

#299402

#148A01

#cce20a Blue Shades

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

#CCE20A

#B8CB22

#A3B53B

#8F9E54

#7A886C

#667185

#525A9D

#3D44B6

#292DCE

#1417E7

Readability Analysis

#cce20a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.45	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.54	A	Sample Text
Blue	5.91	AA	Sample Text

#cce20a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.45	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.54	A	Sample Text
Blue	5.91	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4da0b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd555`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d7d793`
Protanopia	No red perception - Dichromacy	`#f2d50c`
Deuteranopia	No green perception - Dichromacy	`#ffcd80`
Tritanopia	No blue perception - Dichromacy	`#ded1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#cdd587`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#cce20a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce20a Light Tints

#cce20a Gray Shades

#cce20a Dark Shades

#cce20a Red Shades

#cce20a Green Shades

#cce20a Blue Shades

Readability Analysis

#cce20a as Text Color

#cce20a as Background Color

Color Blindness Simulation

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

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

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

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

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

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