#CCB996

#CCB996

Color Values

HEX

#CCB996

RGB

204, 185, 150

HSL

38.9, 34.6%, 69.4%

HSV

38.9, 26.5%, 80.0%

CMYK

0.0%, 9.3%, 26.5%, 20.0%

OKLCH

0.7929 0.052 82.7

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CCB996

#96A9CC

Analogous

#CC9E96

#C4CC96

#CCB996

Triadic

#CCB996

#96CCB9

#B996CC

Split Complementary

#CCB996

#96C4CC

#9E96CC

Tetradic

#CCB996

#96CC9E

#96A9CC

#CC96C4

Color Blindness Simulation

Original

#CCB996

Protanopia

#C4C49E

Deuteranopia

#C5C6A0

Tritanopia

#CBA5A7

Achromatopsia

#BBBBBB

CSS Usage

background-color: #CCB996;
color: #CCB996;
border-color: #CCB996;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AC8D53
600
#897043
700
#6E5A35
800
#56462A
900
#403521
950
#282115

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.95:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026