#CF5873

#CF5873

Color Values

HEX

#CF5873

RGB

207, 88, 115

HSL

346.4, 55.3%, 57.8%

HSV

346.4, 57.5%, 81.2%

CMYK

0.0%, 57.5%, 44.4%, 18.8%

OKLCH

0.6183 0.1521 8.6

Properties

Warm Light Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#CF5873

#58CFB4

Analogous

#CF58AE

#CF7858

#CF5873

Triadic

#CF5873

#73CF58

#5873CF

Split Complementary

#CF5873

#58CF78

#58AECF

Tetradic

#CF5873

#AECF58

#58CFB4

#7858CF

Color Blindness Simulation

Original

#CF5873

Protanopia

#9B9A6C

Deuteranopia

#A2AB6B

Tritanopia

#C96766

Achromatopsia

#737373

CSS Usage

background-color: #CF5873;
color: #CF5873;
border-color: #CF5873;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F5
100
#F6E5E9
200
#EFC8D1
300
#E4A0AF
400
#D56C84
500
#C63959
600
#9E2E47
700
#7F2439
800
#631C2C
900
#491823
950
#2E0F16

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026