#CF0A72

#CF0A72

Color Values

HEX

#CF0A72

RGB

207, 10, 114

HSL

328.3, 90.8%, 42.5%

HSV

328.3, 95.2%, 81.2%

CMYK

0.0%, 95.2%, 44.9%, 18.8%

OKLCH

0.5573 0.2231 358.5

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CF0A72

#0ACF67

Analogous

#C90ACF

#CF0A10

#CF0A72

Triadic

#CF0A72

#72CF0A

#0A72CF

Split Complementary

#CF0A72

#10CF0A

#0ACFC9

Tetradic

#CF0A72

#CFC90A

#0ACF67

#0A10CF

Color Blindness Simulation

Original

#CF0A72

Protanopia

#7A7859

Deuteranopia

#859453

Tritanopia

#C54541

Achromatopsia

#3B3B3B

CSS Usage

background-color: #CF0A72;
color: #CF0A72;
border-color: #CF0A72;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDD
300
#F98AC5
400
#F64BA6
500
#F30C86
600
#C3096B
700
#9C0856
800
#7A0643
900
#580933
950
#380620

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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