#CF30AA

#CF30AA

Color Values

HEX

#CF30AA

RGB

207, 48, 170

HSL

314.0, 62.4%, 50.0%

HSV

314.0, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 17.9%, 18.8%

OKLCH

0.5977 0.2269 339.4

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF30AA

#30CF55

Analogous

#A530CF

#CF305A

#CF30AA

Triadic

#CF30AA

#AACF30

#30AACF

Split Complementary

#CF30AA

#5ACF30

#30CFA5

Tetradic

#CF30AA

#CFA530

#30CF55

#305ACF

Color Blindness Simulation

Original

#CF30AA

Protanopia

#8A898D

Deuteranopia

#939F85

Tritanopia

#C77570

Achromatopsia

#5B5B5B

CSS Usage

background-color: #CF30AA;
color: #CF30AA;
border-color: #CF30AA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FA
100
#F7E4F2
200
#F2C5E7
300
#E89CD6
400
#DC66C0
500
#CF30AA
600
#A62688
700
#851F6D
800
#681855
900
#4C153F
950
#300D28

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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