#CF578E

#CF578E

Color Values

HEX

#CF578E

RGB

207, 87, 142

HSL

332.5, 55.6%, 57.6%

HSV

332.5, 58.0%, 81.2%

CMYK

0.0%, 58.0%, 31.4%, 18.8%

OKLCH

0.6252 0.162 354.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CF578E

#57CF98

Analogous

#CF57CA

#CF5C57

#CF578E

Triadic

#CF578E

#8ECF57

#578ECF

Split Complementary

#CF578E

#57CF5C

#57CACF

Tetradic

#CF578E

#CACF57

#57CF98

#5C57CF

Color Blindness Simulation

Original

#CF578E

Protanopia

#9B9A81

Deuteranopia

#A2AB7D

Tritanopia

#C97674

Achromatopsia

#747474

CSS Usage

background-color: #CF578E;
color: #CF578E;
border-color: #CF578E;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7DA
300
#E4A0BF
400
#D56C9C
500
#C6397A
600
#9F2D61
700
#7F244E
800
#631C3D
900
#49182E
950
#2E0F1D

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026