#CF30A4

#CF30A4

Color Values

HEX

#CF30A4

RGB

207, 48, 164

HSL

316.2, 62.4%, 50.0%

HSV

316.2, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 20.8%, 18.8%

OKLCH

0.5949 0.2232 341.5

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF30A4

#30CF5B

Analogous

#AA30CF

#CF3055

#CF30A4

Triadic

#CF30A4

#A4CF30

#30A4CF

Split Complementary

#CF30A4

#55CF30

#30CFAA

Tetradic

#CF30A4

#CFAA30

#30CF5B

#3055CF

Color Blindness Simulation

Original

#CF30A4

Protanopia

#8A8988

Deuteranopia

#939F81

Tritanopia

#C7726D

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F7E4F2
200
#F2C5E6
300
#E89CD3
400
#DC66BC
500
#CF30A4
600
#A62683
700
#851F69
800
#681852
900
#4C153D
950
#300D27

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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