#CB9688

#CB9688

Color Values

HEX

#CB9688

RGB

203, 150, 136

HSL

12.5, 39.2%, 66.5%

HSV

12.5, 33.0%, 79.6%

CMYK

0.0%, 26.1%, 33.0%, 20.4%

OKLCH

0.7201 0.0675 35.3

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CB9688

#88BDCB

Analogous

#CB889C

#CBB888

#CB9688

Triadic

#CB9688

#88CB96

#9688CB

Split Complementary

#CB9688

#88CBB8

#889CCB

Tetradic

#CB9688

#9CCB88

#88BDCB

#B888CB

Color Blindness Simulation

Original

#CB9688

Protanopia

#B4B48B

Deuteranopia

#B7BB8C

Tritanopia

#C88E8F

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EAE7
200
#E9D3CD
300
#DAB4AA
400
#C68B7C
500
#B1624E
600
#8E4F3E
700
#723F32
800
#593127
900
#42261F
950
#291814

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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