#CCD287

#CCD287

Color Values

HEX

#CCD287

RGB

204, 210, 135

HSL

64.8, 45.5%, 67.6%

HSV

64.8, 35.7%, 82.4%

CMYK

2.9%, 0.0%, 35.7%, 17.6%

OKLCH

0.8419 0.0971 112.2

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CCD287

#8D87D2

Analogous

#D2B287

#A6D287

#CCD287

Triadic

#CCD287

#87CCD2

#D287CC

Split Complementary

#CCD287

#87A6D2

#B287D2

Tetradic

#CCD287

#87D2B2

#8D87D2

#D287A6

Color Blindness Simulation

Original

#CCD287

Protanopia

#CFCF99

Deuteranopia

#CECE9E

Tritanopia

#CCA7AB

Achromatopsia

#CBCBCB

CSS Usage

background-color: #CCD287;
color: #CCD287;
border-color: #CCD287;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#D9DEA6
400
#C5CC76
500
#B0BA45
600
#8D9438
700
#71772C
800
#585D23
900
#41441D
950
#292B12

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.14:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026