#CCD28D

#CCD28D

Color Values

HEX

#CCD28D

RGB

204, 210, 141

HSL

65.2, 43.4%, 68.8%

HSV

65.2, 32.9%, 82.4%

CMYK

2.9%, 0.0%, 32.9%, 17.6%

OKLCH

0.8429 0.09 112.4

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD28D

#938DD2

Analogous

#D2B58D

#A9D28D

#CCD28D

Triadic

#CCD28D

#8DCCD2

#D28DCC

Split Complementary

#CCD28D

#8DA9D2

#B58DD2

Tetradic

#CCD28D

#8DD2B5

#938DD2

#D28DA9

Color Blindness Simulation

Original

#CCD28D

Protanopia

#CFCF9E

Deuteranopia

#CECEA2

Tritanopia

#CCABAE

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CCD28D;
color: #CCD28D;
border-color: #CCD28D;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EBCC
300
#D8DCA7
400
#C3CA78
500
#ADB748
600
#8B923A
700
#6F752E
800
#575B24
900
#40431E
950
#282B13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026