#CA30CF

#CA30CF

Color Values

HEX

#CA30CF

RGB

202, 48, 207

HSL

298.1, 62.4%, 50.0%

HSV

298.1, 76.8%, 81.2%

CMYK

2.4%, 76.8%, 0.0%, 18.8%

OKLCH

0.6098 0.2499 326.7

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CA30CF

#35CF30

Analogous

#7A30CF

#CF3085

#CA30CF

Triadic

#CA30CF

#CFCA30

#30CFCA

Split Complementary

#CA30CF

#85CF30

#30CF7A

Tetradic

#CA30CF

#CF7A30

#35CF30

#3085CF

Color Blindness Simulation

Original

#CA30CF

Protanopia

#8786A9

Deuteranopia

#909C9F

Tritanopia

#C28A83

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F0C5F2
300
#E69CE8
400
#D866DC
500
#CA30CF
600
#A226A6
700
#811F85
800
#651868
900
#4A154C
950
#2F0D30

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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