#CCD196

#CCD196

Color Values

HEX

#CCD196

RGB

204, 209, 150

HSL

65,1, 39,1%, 70,4%

HSV

65,1, 28,2%, 82,0%

CMYK

2,4%, 0,0%, 28,2%, 18,0%

OKLCH

0,8425 0,0778 112,0

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CCD196

#9B96D1

Analogous

#D1B996

#AFD196

#CCD196

Triadic

#CCD196

#96CCD1

#D196CC

Split Complementary

#CCD196

#96AFD1

#B996D1

Tetradic

#CCD196

#96D1B9

#9B96D1

#D196AF

Color Blindness Simulation

Original

#CCD196

Protanopia

#CECEA4

Deuteranopia

#CECDA8

Tritanopia

#CCB0B2

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7E9CD
300
#D6DAAA
400
#BFC67C
500
#A9B14E
600
#878E3E
700
#6C7232
800
#545927
900
#3F411F
950
#282914

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,13: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