#CA02A0

#CA02A0

Color Values

HEX

#CA02A0

RGB

202, 2, 160

HSL

312.6, 98.0%, 40.0%

HSV

312.6, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 20.8%, 20.8%

OKLCH

0.5658 0.2443 340.7

Properties

Warm Dark Nearest: maroon 2

Color Harmonies

Complementary

#CA02A0

#02CA2C

Analogous

#9002CA

#CA023C

#CA02A0

Triadic

#CA02A0

#A0CA02

#02A0CA

Split Complementary

#CA02A0

#3CCA02

#02CA90

Tetradic

#CA02A0

#CA9002

#02CA2C

#023CCA

Color Blindness Simulation

Original

#CA02A0

Protanopia

#73727A

Deuteranopia

#7F8E71

Tritanopia

#C05C55

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF6
200
#FEB8F0
300
#FE86E5
400
#FD44D6
500
#FC03C8
600
#CA02A0
700
#A20280
800
#7E0164
900
#5B0649
950
#3A042E

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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