#CA02B5

#CA02B5

Color Values

HEX

#CA02B5

RGB

202, 2, 181

HSL

306.3, 98.0%, 40.0%

HSV

306.3, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 10.4%, 20.8%

OKLCH

0.5768 0.2567 334.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02B5

#02CA17

Analogous

#7B02CA

#CA0251

#CA02B5

Triadic

#CA02B5

#B5CA02

#02B5CA

Split Complementary

#CA02B5

#51CA02

#02CA7B

Tetradic

#CA02B5

#CA7B02

#02CA17

#0251CA

Color Blindness Simulation

Original

#CA02B5

Protanopia

#73728A

Deuteranopia

#7F8E7F

Tritanopia

#C06760

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB8F7
300
#FE86F1
400
#FD44EA
500
#FC03E2
600
#CA02B5
700
#A20291
800
#7E0171
900
#5B0652
950
#3A0434

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026