0 views

#cce30a - Color Information

#cce30a

Base Information

HEX

#cce30a

RGB

204,227,10

HSL

66,92,46

HSV

66,96,89

CMYK

10,0,96,11

LAB

86,-29,84

LCH

86,89,109

XYZ

52,68,11

Web Safe

#cccc00

Web Smart

#ccdd11

is dark

luminosity

0.6780

Pantone Color

Combinations

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

#cce30a

#210AE3

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

#cce30a

#0A60E3

#8D0AE3

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

#cce30a

#0ACCE3

#E30ACC

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

#cce30a

#0AE38D

#210AE3

#E30A60

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

#cce30a

#210AE3

#0A60E3

#8D0AE3

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

#cce30a

#60E30A

#0AE321

#0AE38D

Shades

#cce30a Light Tints

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

#CCE30A

#D1E622

#D6E93B

#DBEB54

#E0EE6C

#E6F185

#EBF49D

#F0F7B6

#F5F9CE

#FAFCE7

#cce30a Gray Shades

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

#CCE30A

#C4D916

#BDCF22

#B5C52D

#AEBB39

#A6B245

#9EA851

#979E5D

#8F9468

#888A74

#cce30a Dark Shades

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

#CCE30A

#B8CC09

#A3B608

#8F9F07

#7A8806

#667205

#525B04

#3D4403

#292D02

#141701

#cce30a Red Shades

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

#CCE30A

#D1CC09

#D6B608

#DB9F07

#E08806

#E67205

#EB5B04

#F04403

#F52D02

#FA1701

#cce30a Green Shades

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

#CCE30A

#B8D909

#A3CF08

#8FC507

#7ABB06

#66B205

#52A804

#3D9E03

#299402

#148A01

#cce30a Blue Shades

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

#CCE30A

#B8CC22

#A3B63B

#8F9F54

#7A886C

#667285

#525B9D

#3D44B6

#292DCE

#1417E7

Readability Analysis

#cce30a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.56	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.56	A	Sample Text
Blue	5.96	AA	Sample Text

#cce30a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.56	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.56	A	Sample Text
Blue	5.96	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4db0b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd657`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8d894`
Protanopia	No red perception - Dichromacy	`#f2d60c`
Deuteranopia	No green perception - Dichromacy	`#ffce83`
Tritanopia	No blue perception - Dichromacy	`#ded2e2`
Achromatomaly	Partial color blindness - Monochromacy	`#ced687`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#cce30a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce30a Light Tints

#cce30a Gray Shades

#cce30a Dark Shades

#cce30a Red Shades

#cce30a Green Shades

#cce30a Blue Shades

Readability Analysis

#cce30a as Text Color

#cce30a as Background Color

Color Blindness Simulation

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

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

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

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

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

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