#CF30C7

#CF30C7

Color Values

HEX

#CF30C7

RGB

207, 48, 199

HSL

303.0, 62.4%, 50.0%

HSV

303.0, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 3.9%, 18.8%

OKLCH

0.6127 0.2463 330.4

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF30C7

#30CF38

Analogous

#8730CF

#CF3078

#CF30C7

Triadic

#CF30C7

#C7CF30

#30C7CF

Split Complementary

#CF30C7

#78CF30

#30CF87

Tetradic

#CF30C7

#CF8730

#30CF38

#3078CF

Color Blindness Simulation

Original

#CF30C7

Protanopia

#8A89A3

Deuteranopia

#939F9A

Tritanopia

#C7867F

Achromatopsia

#5D5D5D

CSS Usage

background-color: #CF30C7;
color: #CF30C7;
border-color: #CF30C7;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5EF
300
#E89CE4
400
#DC66D6
500
#CF30C7
600
#A6269F
700
#851F7F
800
#681864
900
#4C1549
950
#300D2E

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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