#CEC7A3

#CEC7A3

Color Values

HEX

#CEC7A3

RGB

206, 199, 163

HSL

50.2, 30.5%, 72.4%

HSV

50.2, 20.9%, 80.8%

CMYK

0.0%, 3.4%, 20.9%, 19.2%

OKLCH

0.8261 0.049 98.2

Properties

Warm Light Nearest: wheat 3

Color Harmonies

Complementary

#CEC7A3

#A3AACE

Analogous

#CEB2A3

#C0CEA3

#CEC7A3

Triadic

#CEC7A3

#A3CEC7

#C7A3CE

Split Complementary

#CEC7A3

#A3C0CE

#B2A3CE

Tetradic

#CEC7A3

#A3CEB2

#A3AACE

#CEA3C0

Color Blindness Simulation

Original

#CEC7A3

Protanopia

#CBCBAC

Deuteranopia

#CBCCAE

Tritanopia

#CEB3B4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F0E9
200
#E6E3D0
300
#D4CEAF
400
#BDB484
500
#A69A59
600
#857B47
700
#6A6239
800
#534D2C
900
#3E3923
950
#272416

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026