#CF30A8

#CF30A8

Color Values

HEX

#CF30A8

RGB

207, 48, 168

HSL

314.7, 62.4%, 50.0%

HSV

314.7, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 18.8%, 18.8%

OKLCH

0.5968 0.2256 340.1

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF30A8

#30CF57

Analogous

#A630CF

#CF3059

#CF30A8

Triadic

#CF30A8

#A8CF30

#30A8CF

Split Complementary

#CF30A8

#59CF30

#30CFA6

Tetradic

#CF30A8

#CFA630

#30CF57

#3059CF

Color Blindness Simulation

Original

#CF30A8

Protanopia

#8A898B

Deuteranopia

#939F84

Tritanopia

#C7746F

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F7E4F2
200
#F2C5E7
300
#E89CD5
400
#DC66BF
500
#CF30A8
600
#A62686
700
#851F6C
800
#681854
900
#4C153E
950
#300D27

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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