#CCB997

#CCB997

Color Values

HEX

#CCB997

RGB

204, 185, 151

HSL

38.5, 34.2%, 69.6%

HSV

38.5, 26.0%, 80.0%

CMYK

0.0%, 9.3%, 26.0%, 20.0%

OKLCH

0.7931 0.0508 82.1

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CCB997

#97AACC

Analogous

#CC9E97

#C4CC97

#CCB997

Triadic

#CCB997

#97CCB9

#B997CC

Split Complementary

#CCB997

#97C4CC

#9E97CC

Tetradic

#CCB997

#97CC9E

#97AACC

#CC97C4

Color Blindness Simulation

Original

#CCB997

Protanopia

#C4C49F

Deuteranopia

#C5C6A1

Tritanopia

#CBA6A7

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AB8C54
600
#897043
700
#6E5A36
800
#56462A
900
#3F3522
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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026