#CEBB97

#CEBB97

Color Values

HEX

#CEBB97

RGB

206, 187, 151

HSL

39,3, 35,9%, 70,0%

HSV

39,3, 26,7%, 80,8%

CMYK

0,0%, 9,2%, 26,7%, 19,2%

OKLCH

0,7989 0,0531 83,3

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CEBB97

#97AACE

Analogous

#CEA097

#C5CE97

#CEBB97

Triadic

#CEBB97

#97CEBB

#BB97CE

Split Complementary

#CEBB97

#97C5CE

#A097CE

Tetradic

#CEBB97

#97CEA0

#97AACE

#CE97C5

Color Blindness Simulation

Original

#CEBB97

Protanopia

#C6C6A0

Deuteranopia

#C7C8A2

Tritanopia

#CDA7A8

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8DFCE
300
#D8C9AC
400
#C3AB7F
500
#AD8E52
600
#8B7141
700
#6F5B34
800
#574729
900
#403521
950
#282215

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,18: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