#CCD28C

#CCD28C

Color Values

HEX

#CCD28C

RGB

204, 210, 140

HSL

65.1, 43.7%, 68.6%

HSV

65.1, 33.3%, 82.4%

CMYK

2.9%, 0.0%, 33.3%, 17.6%

OKLCH

0.8427 0.0912 112.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD28C

#928CD2

Analogous

#D2B58C

#A9D28C

#CCD28C

Triadic

#CCD28C

#8CCCD2

#D28CCC

Split Complementary

#CCD28C

#8CA9D2

#B58CD2

Tetradic

#CCD28C

#8CD2B5

#928CD2

#D28CA9

Color Blindness Simulation

Original

#CCD28C

Protanopia

#CFCF9D

Deuteranopia

#CECEA1

Tritanopia

#CCAAAD

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EBCC
300
#D8DDA7
400
#C3CA77
500
#AEB748
600
#8B9339
700
#6F752E
800
#575C24
900
#40441D
950
#292B13

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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