#CF9588

#CF9588

Color Values

HEX

#CF9588

RGB

207, 149, 136

HSL

11.0, 42.5%, 67.3%

HSV

11.0, 34.3%, 81.2%

CMYK

0.0%, 28.0%, 34.3%, 18.8%

OKLCH

0.7225 0.0731 33.0

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9588

#88C2CF

Analogous

#CF889F

#CFB988

#CF9588

Triadic

#CF9588

#88CF95

#9588CF

Split Complementary

#CF9588

#88CFB9

#889FCF

Tetradic

#CF9588

#9FCF88

#88C2CF

#B988CF

Color Blindness Simulation

Original

#CF9588

Protanopia

#B6B58B

Deuteranopia

#B9BE8C

Tritanopia

#CC8E8E

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F4E9E7
200
#EAD2CC
300
#DCB1A8
400
#C98779
500
#B65D49
600
#914B3B
700
#743C2F
800
#5B2F25
900
#43251E
950
#2A1713

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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