#CCD542

#CCD542

Color Values

HEX

#CCD542

RGB

204, 213, 66

HSL

63.7, 63.6%, 54.7%

HSV

63.7, 69.0%, 83.5%

CMYK

4.2%, 0.0%, 69.0%, 16.5%

OKLCH

0.8401 0.1643 112.9

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CCD542

#4B42D5

Analogous

#D59542

#82D542

#CCD542

Triadic

#CCD542

#42CCD5

#D542CC

Split Complementary

#CCD542

#4282D5

#9542D5

Tetradic

#CCD542

#42D595

#4B42D5

#D54282

Color Blindness Simulation

Original

#CCD542

Protanopia

#D0D066

Deuteranopia

#CFCF6E

Tritanopia

#CC8288

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F7E4
200
#EFF2C5
300
#E4E99B
400
#D5DD65
500
#C7D12E
600
#9FA725
700
#7F851E
800
#636817
900
#494C15
950
#2E300D

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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