0 views

#cce20f - Color Information

#cce20f

Base Information

HEX

#cce20f

RGB

204,226,15

HSL

66,88,47

HSV

66,93,89

CMYK

10,0,93,11

LAB

86,-29,83

LCH

86,88,109

XYZ

52,67,11

Web Safe

#cccc00

Web Smart

#ccdd11

is dark

luminosity

0.6726

Pantone Color

Combinations

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

#cce20f

#250FE2

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

#cce20f

#0F62E2

#8F0FE2

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

#cce20f

#0FCCE2

#E20FCC

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

#cce20f

#0FE28F

#250FE2

#E20F62

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

#cce20f

#250FE2

#0F62E2

#8F0FE2

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

#cce20f

#62E20F

#0FE225

#0FE28F

Shades

#cce20f Light Tints

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

#CCE20F

#D1E527

#D6E83F

#DBEB57

#E0EE6F

#E6F187

#EBF39F

#F0F6B7

#F5F9CF

#FAFCE7

#cce20f Gray Shades

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

#CCE20F

#C4D81A

#BDCE26

#B5C531

#AEBB3C

#A6B148

#9EA753

#979D5E

#8F9469

#888A75

#cce20f Dark Shades

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

#CCE20F

#B8CB0E

#A3B50C

#8F9E0B

#7A8809

#667108

#525A06

#3D4404

#292D03

#141701

#cce20f Red Shades

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

#CCE20F

#D1CB0E

#D6B50C

#DB9E0B

#E08809

#E67108

#EB5A06

#F04404

#F52D03

#FA1701

#cce20f Green Shades

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

#CCE20F

#B8D80E

#A3CE0C

#8FC50B

#7ABB09

#66B108

#52A706

#3D9D04

#299403

#148A01

#cce20f Blue Shades

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

#CCE20F

#B8CB27

#A3B53F

#8F9E57

#7A886F

#667187

#525A9F

#3D44B7

#292DCF

#1417E7

Readability Analysis

#cce20f 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

#cce20f 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	`#e4da11`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ecd557`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d7d795`
Protanopia	No red perception - Dichromacy	`#f2d512`
Deuteranopia	No green perception - Dichromacy	`#ffcd80`
Tritanopia	No blue perception - Dichromacy	`#ded1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#cdd589`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#cce20f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cce20f Light Tints

#cce20f Gray Shades

#cce20f Dark Shades

#cce20f Red Shades

#cce20f Green Shades

#cce20f Blue Shades

Readability Analysis

#cce20f as Text Color

#cce20f as Background Color

Color Blindness Simulation

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

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

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

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

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

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