#CCD03D

#CCD03D

Color Values

HEX

#CCD03D

RGB

204, 208, 61

HSL

61.6, 61.0%, 52.7%

HSV

61.6, 70.7%, 81.6%

CMYK

1.9%, 0.0%, 70.7%, 18.4%

OKLCH

0.8289 0.1622 111.0

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CCD03D

#413DD0

Analogous

#D08A3D

#82D03D

#CCD03D

Triadic

#CCD03D

#3DCCD0

#D03DCC

Split Complementary

#CCD03D

#3D82D0

#8A3DD0

Tetradic

#CCD03D

#3DD08A

#413DD0

#D03D82

Color Blindness Simulation

Original

#CCD03D

Protanopia

#CECE61

Deuteranopia

#CECD69

Tritanopia

#CC7D83

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F0F1C6
300
#E5E79C
400
#D7DA67
500
#C9CD32
600
#A1A428
700
#818320
800
#656719
900
#4A4B16
950
#2F2F0E

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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