#CCDF7A

#CCDF7A

Color Values

HEX

#CCDF7A

RGB

204, 223, 122

HSL

71.3, 61.2%, 67.6%

HSV

71.3, 45.3%, 87.5%

CMYK

8.5%, 0.0%, 45.3%, 12.5%

OKLCH

0.8676 0.1282 117.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCDF7A

#8D7ADF

Analogous

#DFBF7A

#99DF7A

#CCDF7A

Triadic

#CCDF7A

#7ACCDF

#DF7ACC

Split Complementary

#CCDF7A

#7A99DF

#BF7ADF

Tetradic

#CCDF7A

#7ADFBF

#8D7ADF

#DF7A99

Color Blindness Simulation

Original

#CCDF7A

Protanopia

#D4D492

Deuteranopia

#D3D298

Tritanopia

#CDA6AA

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F3F6E4
200
#E9F1C5
300
#D9E79C
400
#C5DA67
500
#B0CE31
600
#8DA428
700
#718420
800
#586719
900
#414B16
950
#292F0E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.4:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026