0 views

#ccec0c - Color Information

#ccec0c

Base Information

HEX

#ccec0c

RGB

204,236,12

HSL

69,90,49

HSV

69,95,93

CMYK

14,0,95,7

LAB

88,-33,85

LCH

88,92,111

XYZ

55,73,12

Web Safe

#ccff00

Web Smart

#ccee11

is dark

luminosity

0.7285

Pantone Color

Combinations

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

#ccec0c

#2C0CEC

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

#ccec0c

#0C5CEC

#9C0CEC

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

#ccec0c

#0CCCEC

#EC0CCC

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

#ccec0c

#0CEC9C

#2C0CEC

#EC0C5C

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

#ccec0c

#2C0CEC

#0C5CEC

#9C0CEC

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

#ccec0c

#5CEC0C

#0CEC2C

#0CEC9C

Shades

#ccec0c Light Tints

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

#CCEC0C

#D1EE24

#D6F03D

#DBF255

#E0F46D

#E6F686

#EBF79E

#F0F9B6

#F5FBCE

#FAFDE7

#ccec0c Gray Shades

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

#CCEC0C

#C4E118

#BDD623

#B5CC2F

#AEC13A

#A6B646

#9EAB52

#97A05D

#8F9669

#888B74

#ccec0c Dark Shades

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

#CCEC0C

#B8D40B

#A3BD0A

#8FA508

#7A8E07

#667606

#525E05

#3D4704

#292F02

#141801

#ccec0c Red Shades

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

#CCEC0C

#D1D40B

#D6BD0A

#DBA508

#E08E07

#E67606

#EB5E05

#F04704

#F52F02

#FA1801

#ccec0c Green Shades

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

#CCEC0C

#B8E10B

#A3D60A

#8FCC08

#7AC107

#66B606

#52AB05

#3DA004

#299602

#148B01

#ccec0c Blue Shades

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

#CCEC0C

#B8D424

#A3BD3D

#8FA555

#7A8E6D

#667686

#525E9E

#3D47B6

#292FCE

#1418E7

Readability Analysis

#ccec0c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

#ccec0c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eae30d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecdf69`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d9e19a`
Protanopia	No red perception - Dichromacy	`#fbdd0d`
Deuteranopia	No green perception - Dichromacy	`#ffd79f`
Tritanopia	No blue perception - Dichromacy	`#e0daeb`
Achromatomaly	Partial color blindness - Monochromacy	`#d2dd8c`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#ccec0c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccec0c Light Tints

#ccec0c Gray Shades

#ccec0c Dark Shades

#ccec0c Red Shades

#ccec0c Green Shades

#ccec0c Blue Shades

Readability Analysis

#ccec0c as Text Color

#ccec0c as Background Color

Color Blindness Simulation

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

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

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

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

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

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