#CEA389

#CEA389

Color Values

HEX

#CEA389

RGB

206, 163, 137

HSL

22.6, 41.3%, 67.3%

HSV

22.6, 33.5%, 80.8%

CMYK

0.0%, 20.9%, 33.5%, 19.2%

OKLCH

0.7482 0.0626 52.6

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CEA389

#89B4CE

Analogous

#CE8992

#CEC689

#CEA389

Triadic

#CEA389

#89CEA3

#A389CE

Split Complementary

#CEA389

#89CEC6

#8992CE

Tetradic

#CEA389

#92CE89

#89B4CE

#C689CE

Color Blindness Simulation

Original

#CEA389

Protanopia

#BBBB8F

Deuteranopia

#BEC191

Tritanopia

#CC9495

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CEA389;
color: #CEA389;
border-color: #CEA389;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DBBCA9
400
#C8977A
500
#B4734B
600
#905C3C
700
#734930
800
#5A3925
900
#422C1E
950
#2A1C13

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.22: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