#CF897B

#CF897B

Color Values

HEX

#CF897B

RGB

207, 137, 123

HSL

10.0, 46.7%, 64.7%

HSV

10.0, 40.6%, 81.2%

CMYK

0.0%, 33.8%, 40.6%, 18.8%

OKLCH

0.6977 0.089 31.8

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#CF897B

#7BC1CF

Analogous

#CF7B97

#CFB37B

#CF897B

Triadic

#CF897B

#7BCF89

#897BCF

Split Complementary

#CF897B

#7BCFB3

#7B97CF

Tetradic

#CF897B

#97CF7B

#7BC1CF

#B37BCF

Color Blindness Simulation

Original

#CF897B

Protanopia

#B1B07E

Deuteranopia

#B5BA7F

Tritanopia

#CB8182

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECD0CB
300
#DEAFA5
400
#CD8375
500
#BB5844
600
#964636
700
#78382B
800
#5E2C22
900
#45231C
950
#2B1612

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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