#CE9687

#CE9687

Color Values

HEX

#CE9687

RGB

206, 150, 135

HSL

12.7, 42.0%, 66.9%

HSV

12.7, 34.5%, 80.8%

CMYK

0.0%, 27.2%, 34.5%, 19.2%

OKLCH

0.7231 0.0714 35.5

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CE9687

#87BFCE

Analogous

#CE879C

#CEBA87

#CE9687

Triadic

#CE9687

#87CE96

#9687CE

Split Complementary

#CE9687

#87CEBA

#879CCE

Tetradic

#CE9687

#9CCE87

#87BFCE

#BA87CE

Color Blindness Simulation

Original

#CE9687

Protanopia

#B6B58B

Deuteranopia

#B9BD8C

Tritanopia

#CB8D8E

Achromatopsia

#A1A1A1

CSS Usage

background-color: #CE9687;
color: #CE9687;
border-color: #CE9687;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F4E9E7
200
#EAD3CC
300
#DCB3A8
400
#C88A79
500
#B5614A
600
#914D3B
700
#743E2F
800
#5B3025
900
#43261E
950
#2A1813

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026