#CF30A1

#CF30A1

Color Values

HEX

#CF30A1

RGB

207, 48, 161

HSL

317.4, 62.4%, 50.0%

HSV

317.4, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 22.2%, 18.8%

OKLCH

0.5936 0.2214 342.6

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF30A1

#30CF5E

Analogous

#AE30CF

#CF3051

#CF30A1

Triadic

#CF30A1

#A1CF30

#30A1CF

Split Complementary

#CF30A1

#51CF30

#30CFAE

Tetradic

#CF30A1

#CFAE30

#30CF5E

#3051CF

Color Blindness Simulation

Original

#CF30A1

Protanopia

#8A8986

Deuteranopia

#939F7F

Tritanopia

#C7706B

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F7E4F1
200
#F2C5E5
300
#E89CD2
400
#DC66B9
500
#CF30A1
600
#A62681
700
#851F67
800
#681850
900
#4C153C
950
#300D26

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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