0 views

#ccd36e - Color Information

#ccd36e

Base Information

HEX

#ccd36e

RGB

204,211,110

HSL

64,53,63

HSV

64,48,83

CMYK

3,0,48,17

LAB

82,-17,49

LCH

82,52,109

XYZ

51,61,24

Web Safe

#cccc66

Web Smart

#cccc66

is dark

luminosity

0.6055

Pantone Color

Combinations

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

#ccd36e

#756ED3

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

#ccd36e

#6E99D3

#A86ED3

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

#ccd36e

#6ECCD3

#D36ECC

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

#ccd36e

#6ED3A7

#756ED3

#D36E99

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

#ccd36e

#756ED3

#6E99D3

#A86ED3

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

#ccd36e

#99D36E

#6ED375

#6ED3A7

Shades

#ccd36e Light Tints

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

#CCD36E

#D1D77D

#D6DC8B

#DBE09A

#E0E5A8

#E6E9B7

#EBEDC5

#F0F2D4

#F5F6E2

#FAFBF1

#ccd36e Gray Shades

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

#CCD36E

#C4CB70

#BDC272

#B5BA73

#AEB275

#A6AA77

#9EA179

#97997B

#8F917C

#88887E

#ccd36e Dark Shades

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

#CCD36E

#B8BE63

#A3A958

#8F944D

#7A7F42

#666A37

#52542C

#3D3F21

#292A16

#14150B

#ccd36e Red Shades

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

#CCD36E

#D1BE63

#D6A958

#DB944D

#E07F42

#E66A37

#EB542C

#F03F21

#F52A16

#FA150B

#ccd36e Green Shades

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

#CCD36E

#B8CB63

#A3C258

#8FBA4D

#7AB242

#66AA37

#52A12C

#3D9921

#299116

#14880B

#ccd36e Blue Shades

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

#CCD36E

#B8BE7D

#A3A98B

#8F949A

#7A7FA8

#666AB7

#5254C5

#3D3FD4

#292AE2

#1415F1

Readability Analysis

#ccd36e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

#ccd36e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.11	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.21	A	Sample Text
Blue	5.36	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9ce6c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e9c871`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d4cbb0`
Protanopia	No red perception - Dichromacy	`#e1cb6b`
Deuteranopia	No green perception - Dichromacy	`#fac273`
Tritanopia	No blue perception - Dichromacy	`#d8c6d5`
Achromatomaly	Partial color blindness - Monochromacy	`#cbcda9`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#ccd36e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccd36e Light Tints

#ccd36e Gray Shades

#ccd36e Dark Shades

#ccd36e Red Shades

#ccd36e Green Shades

#ccd36e Blue Shades

Readability Analysis

#ccd36e as Text Color

#ccd36e as Background Color

Color Blindness Simulation

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

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

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

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

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

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