0 views

#cce80a - Color Information

#cce80a

Base Information

HEX

#cce80a

RGB

204,232,10

HSL

68,92,47

HSV

68,96,91

CMYK

12,0,96,9

LAB

87,-32,85

LCH

87,90,110

XYZ

54,71,11

Web Safe

#ccff00

Web Smart

#ccee11

is dark

luminosity

0.7057

Pantone Color

Combinations

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

#cce80a

#260AE8

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

#cce80a

#0A5DE8

#950AE8

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

#cce80a

#0ACCE8

#E80ACC

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

#cce80a

#0AE895

#260AE8

#E80A5D

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

#cce80a

#260AE8

#0A5DE8

#950AE8

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

#cce80a

#5DE80A

#0AE826

#0AE895

Shades

#cce80a Light Tints

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

#CCE80A

#D1EA22

#D6ED3B

#DBEF54

#E0F16C

#E6F485

#EBF69D

#F0F8B6

#F5FACE

#FAFDE7

#cce80a Gray Shades

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

#CCE80A

#C4DE16

#BDD322

#B5C92D

#AEBE39

#A6B445

#9EAA51

#979F5D

#8F9568

#888A74

#cce80a Dark Shades

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

#CCE80A

#B8D109

#A3BA08

#8FA207

#7A8B06

#667405

#525D04

#3D4603

#292E02

#141701

#cce80a Red Shades

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

#CCE80A

#D1D109

#D6BA08

#DBA207

#E08B06

#E67405

#EB5D04

#F04603

#F52E02

#FA1701

#cce80a Green Shades

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

#CCE80A

#B8DE09

#A3D308

#8FC907

#7ABE06

#66B405

#52AA04

#3D9F03

#299502

#148A01

#cce80a Blue Shades

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

#CCE80A

#B8D122

#A3BA3B

#8FA254

#7A8B6C

#667485

#525D9D

#3D46B6

#292ECE

#1417E7

Readability Analysis

#cce80a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.11	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.18	AA	Sample Text

#cce80a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.11	AAA	Sample Text
Red	2.88	Fail	Sample Text
Green	3.70	A	Sample Text
Blue	6.18	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7df0b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecdb61`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8dd97`
Protanopia	No red perception - Dichromacy	`#f7da0b`
Deuteranopia	No green perception - Dichromacy	`#ffd393`
Tritanopia	No blue perception - Dichromacy	`#dfd7e7`
Achromatomaly	Partial color blindness - Monochromacy	`#d0da89`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#cce80a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce80a Light Tints

#cce80a Gray Shades

#cce80a Dark Shades

#cce80a Red Shades

#cce80a Green Shades

#cce80a Blue Shades

Readability Analysis

#cce80a as Text Color

#cce80a as Background Color

Color Blindness Simulation

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

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

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

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

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

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