#CA02C2

#CA02C2

Color Values

HEX

#CA02C2

RGB

202, 2, 194

HSL

302.4, 98.0%, 40.0%

HSV

302.4, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 4.0%, 20.8%

OKLCH

0.5843 0.2649 330.5

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02C2

#02CA0A

Analogous

#6E02CA

#CA025E

#CA02C2

Triadic

#CA02C2

#C2CA02

#02C2CA

Split Complementary

#CA02C2

#5ECA02

#02CA6E

Tetradic

#CA02C2

#CA6E02

#02CA0A

#025ECA

Color Blindness Simulation

Original

#CA02C2

Protanopia

#737294

Deuteranopia

#7F8E88

Tritanopia

#C06F67

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FEB8FB
300
#FE86F9
400
#FD44F6
500
#FC03F2
600
#CA02C2
700
#A2029B
800
#7E0179
900
#5B0658
950
#3A0437

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail 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