#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026