#CCD59C

#CCD59C

Color Values

HEX

#CCD59C

RGB

204, 213, 156

HSL

69.5, 40.4%, 72.4%

HSV

69.5, 26.8%, 83.5%

CMYK

4.2%, 0.0%, 26.8%, 16.5%

OKLCH

0.8521 0.0759 115.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD59C

#A59CD5

Analogous

#D5C29C

#B0D59C

#CCD59C

Triadic

#CCD59C

#9CCCD5

#D59CCC

Split Complementary

#CCD59C

#9CB0D5

#C29CD5

Tetradic

#CCD59C

#9CD5C2

#A59CD5

#D59CB0

Color Blindness Simulation

Original

#CCD59C

Protanopia

#D0D0AA

Deuteranopia

#CFCFAD

Tritanopia

#CCB5B7

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CCD59C;
color: #CCD59C;
border-color: #CCD59C;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E5EACD
300
#D3DBA9
400
#BBC77B
500
#A3B34C
600
#828F3D
700
#687331
800
#515A26
900
#3C421F
950
#262A13

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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