#CF9589

#CF9589

Color Values

HEX

#CF9589

RGB

207, 149, 137

HSL

10.3, 42.2%, 67.5%

HSV

10.3, 33.8%, 81.2%

CMYK

0.0%, 28.0%, 33.8%, 18.8%

OKLCH

0.7228 0.0727 32.0

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9589

#89C3CF

Analogous

#CF89A0

#CFB889

#CF9589

Triadic

#CF9589

#89CF95

#9589CF

Split Complementary

#CF9589

#89CFB8

#89A0CF

Tetradic

#CF9589

#A0CF89

#89C3CF

#B889CF

Color Blindness Simulation

Original

#CF9589

Protanopia

#B6B58C

Deuteranopia

#B9BE8D

Tritanopia

#CC8E8F

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F4E9E7
200
#EAD1CC
300
#DCB1A8
400
#C88779
500
#B55C4A
600
#914A3B
700
#743B2F
800
#5B2E25
900
#43241E
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