#CF30A7

#CF30A7

Color Values

HEX

#CF30A7

RGB

207, 48, 167

HSL

315.1, 62.4%, 50.0%

HSV

315.1, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 19.3%, 18.8%

OKLCH

0.5963 0.225 340.5

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF30A7

#30CF58

Analogous

#A830CF

#CF3057

#CF30A7

Triadic

#CF30A7

#A7CF30

#30A7CF

Split Complementary

#CF30A7

#57CF30

#30CFA8

Tetradic

#CF30A7

#CFA830

#30CF58

#3057CF

Color Blindness Simulation

Original

#CF30A7

Protanopia

#8A898A

Deuteranopia

#939F83

Tritanopia

#C7736E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #CF30A7;
color: #CF30A7;
border-color: #CF30A7;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F9
100
#F7E4F2
200
#F2C5E6
300
#E89CD5
400
#DC66BE
500
#CF30A7
600
#A62686
700
#851F6B
800
#681854
900
#4C153E
950
#300D27

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026