#CA02C5

#CA02C5

Color Values

HEX

#CA02C5

RGB

202, 2, 197

HSL

301.5, 98.0%, 40.0%

HSV

301.5, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 2.5%, 20.8%

OKLCH

0.5861 0.2668 329.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02C5

#02CA07

Analogous

#6B02CA

#CA0261

#CA02C5

Triadic

#CA02C5

#C5CA02

#02C5CA

Split Complementary

#CA02C5

#61CA02

#02CA6B

Tetradic

#CA02C5

#CA6B02

#02CA07

#0261CA

Color Blindness Simulation

Original

#CA02C5

Protanopia

#737296

Deuteranopia

#7F8E8A

Tritanopia

#C07168

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FEB8FD
300
#FE86FB
400
#FD44F8
500
#FC03F6
600
#CA02C5
700
#A2029E
800
#7E017B
900
#5B0659
950
#3A0438

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026