#CF3871

#CF3871

Color Values

HEX

#CF3871

RGB

207, 56, 113

HSL

337.4, 61.1%, 51.6%

HSV

337.4, 72.9%, 81.2%

CMYK

0.0%, 72.9%, 45.4%, 18.8%

OKLCH

0.582 0.1913 2.5

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CF3871

#38CF96

Analogous

#CF38BC

#CF4B38

#CF3871

Triadic

#CF3871

#71CF38

#3871CF

Split Complementary

#CF3871

#38CF4B

#38BCCF

Tetradic

#CF3871

#BCCF38

#38CF96

#4B38CF

Color Blindness Simulation

Original

#CF3871

Protanopia

#8E8C63

Deuteranopia

#96A260

Tritanopia

#C75856

Achromatopsia

#5C5C5C

CSS Usage

background-color: #CF3871;
color: #CF3871;
border-color: #CF3871;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF3F6
100
#F6E4EB
200
#F1C5D6
300
#E79CB9
400
#DA6792
500
#CD326C
600
#A42857
700
#832045
800
#671936
900
#4B162A
950
#2F0E1A

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026