#CA02A3

#CA02A3

Color Values

HEX

#CA02A3

RGB

202, 2, 163

HSL

311.7, 98.0%, 40.0%

HSV

311.7, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 19.3%, 20.8%

OKLCH

0.5673 0.246 339.8

Properties

Warm Dark Nearest: maroon 2

Color Harmonies

Complementary

#CA02A3

#02CA29

Analogous

#8D02CA

#CA023F

#CA02A3

Triadic

#CA02A3

#A3CA02

#02A3CA

Split Complementary

#CA02A3

#3FCA02

#02CA8D

Tetradic

#CA02A3

#CA8D02

#02CA29

#023FCA

Color Blindness Simulation

Original

#CA02A3

Protanopia

#73727C

Deuteranopia

#7F8E73

Tritanopia

#C05D57

Achromatopsia

#383838

CSS Usage

background-color: #CA02A3;
color: #CA02A3;
border-color: #CA02A3;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB8F1
300
#FE86E6
400
#FD44D9
500
#FC03CC
600
#CA02A3
700
#A20282
800
#7E0166
900
#5B064B
950
#3A042F

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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