0 views

#ccec7f - Color Information

#ccec7f

Base Information

HEX

#ccec7f

RGB

204,236,127

HSL

78,74,71

HSV

78,46,93

CMYK

14,0,46,7

LAB

89,-27,49

LCH

89,56,119

XYZ

59,74,31

Web Safe

#ccff66

Web Smart

#ccee77

is dark

luminosity

0.7436

Pantone Color

Combinations

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

#ccec7f

#9F7FEC

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

#ccec7f

#7F95EC

#D67FEC

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

#ccec7f

#7FCCEC

#EC7FCC

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

#ccec7f

#7FECD6

#9F7FEC

#EC7F95

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

#ccec7f

#9F7FEC

#7F95EC

#D67FEC

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

#ccec7f

#95EC7F

#7FEC9F

#7FECD6

Shades

#ccec7f Light Tints

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

#CCEC7F

#D1EE8C

#D6F099

#DBF2A5

#E0F4B2

#E6F6BF

#EBF7CC

#F0F9D9

#F5FBE5

#FAFDF2

#ccec7f Gray Shades

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

#CCEC7F

#C4E17F

#BDD67F

#B5CC7F

#AEC17F

#A6B680

#9EAB80

#97A080

#8F9680

#888B80

#ccec7f Dark Shades

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

#CCEC7F

#B8D472

#A3BD66

#8FA559

#7A8E4C

#667640

#525E33

#3D4726

#292F19

#14180D

#ccec7f Red Shades

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

#CCEC7F

#D1D472

#D6BD66

#DBA559

#E08E4C

#E67640

#EB5E33

#F04726

#F52F19

#FA180D

#ccec7f Green Shades

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

#CCEC7F

#B8E172

#A3D666

#8FCC59

#7AC14C

#66B640

#52AB33

#3DA026

#299619

#148B0D

#ccec7f Blue Shades

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

#CCEC7F

#B8D48C

#A3BD99

#8FA5A5

#7A8EB2

#6676BF

#525ECC

#3D47D9

#292FE5

#1418F2

Readability Analysis

#ccec7f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.32	Fail	Sample Text
Black	15.87	AAA	Sample Text
Red	3.02	A	Sample Text
Green	3.88	A	Sample Text
Blue	6.49	AA	Sample Text

#ccec7f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.32	Fail	Sample Text
Black	15.87	AAA	Sample Text
Red	3.02	A	Sample Text
Green	3.88	A	Sample Text
Blue	6.49	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7e47c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece09d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d6e3c7`
Protanopia	No red perception - Dichromacy	`#f6df7a`
Deuteranopia	No green perception - Dichromacy	`#ffd9ae`
Tritanopia	No blue perception - Dichromacy	`#dcdeef`
Achromatomaly	Partial color blindness - Monochromacy	`#d7e3bb`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#ccec7f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccec7f Light Tints

#ccec7f Gray Shades

#ccec7f Dark Shades

#ccec7f Red Shades

#ccec7f Green Shades

#ccec7f Blue Shades

Readability Analysis

#ccec7f as Text Color

#ccec7f as Background Color

Color Blindness Simulation

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

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

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

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

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

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