#CCD045

#CCD045

Color Values

HEX

#CCD045

RGB

204, 208, 69

HSL

61.7, 59.7%, 54.3%

HSV

61.7, 66.8%, 81.6%

CMYK

1.9%, 0.0%, 66.8%, 18.4%

OKLCH

0.8295 0.1571 111.0

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCD045

#4945D0

Analogous

#D08E45

#87D045

#CCD045

Triadic

#CCD045

#45CCD0

#D045CC

Split Complementary

#CCD045

#4587D0

#8E45D0

Tetradic

#CCD045

#45D08E

#4945D0

#D04587

Color Blindness Simulation

Original

#CCD045

Protanopia

#CECE67

Deuteranopia

#CECD6F

Tritanopia

#CC8187

Achromatopsia

#C5C5C5

CSS Usage

background-color: #CCD045;
color: #CCD045;
border-color: #CCD045;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#EFF1C6
300
#E4E69D
400
#D6D968
500
#C7CC33
600
#9FA329
700
#808221
800
#64661A
900
#494A16
950
#2E2F0E

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.68: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