#CCD4A2

#CCD4A2

Color Values

HEX

#CCD4A2

RGB

204, 212, 162

HSL

69.6, 36.8%, 73.3%

HSV

69.6, 23.6%, 83.1%

CMYK

3.8%, 0.0%, 23.6%, 16.9%

OKLCH

0.8512 0.067 115.2

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CCD4A2

#AAA2D4

Analogous

#D4C3A2

#B3D4A2

#CCD4A2

Triadic

#CCD4A2

#A2CCD4

#D4A2CC

Split Complementary

#CCD4A2

#A2B3D4

#C3A2D4

Tetradic

#CCD4A2

#A2D4C3

#AAA2D4

#D4A2B3

Color Blindness Simulation

Original

#CCD4A2

Protanopia

#CFD0AE

Deuteranopia

#CFCEB1

Tritanopia

#CCB8BA

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CCD4A2;
color: #CCD4A2;
border-color: #CCD4A2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E4E8CE
300
#D1D8AB
400
#B8C37E
500
#9FAE51
600
#808C40
700
#667034
800
#505728
900
#3B4020
950
#252914

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026