#CF30C9

#CF30C9

Color Values

HEX

#CF30C9

RGB

207, 48, 201

HSL

302.3, 62.4%, 50.0%

HSV

302.3, 76.8%, 81.2%

CMYK

0.0%, 76.8%, 2.9%, 18.8%

OKLCH

0.6138 0.2477 329.8

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF30C9

#30CF36

Analogous

#8630CF

#CF3079

#CF30C9

Triadic

#CF30C9

#C9CF30

#30C9CF

Split Complementary

#CF30C9

#79CF30

#30CF86

Tetradic

#CF30C9

#CF8630

#30CF36

#3079CF

Color Blindness Simulation

Original

#CF30C9

Protanopia

#8A89A4

Deuteranopia

#939F9B

Tritanopia

#C78780

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F0
300
#E89CE5
400
#DC66D7
500
#CF30C9
600
#A626A1
700
#851F81
800
#681864
900
#4C154A
950
#300D2E

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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