#CA02BE

#CA02BE

Color Values

HEX

#CA02BE

RGB

202, 2, 190

HSL

303.6, 98.0%, 40.0%

HSV

303.6, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 5.9%, 20.8%

OKLCH

0.5819 0.2624 331.6

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02BE

#02CA0E

Analogous

#7202CA

#CA025A

#CA02BE

Triadic

#CA02BE

#BECA02

#02BECA

Split Complementary

#CA02BE

#5ACA02

#02CA72

Tetradic

#CA02BE

#CA7202

#02CA0E

#025ACA

Color Blindness Simulation

Original

#CA02BE

Protanopia

#737291

Deuteranopia

#7F8E86

Tritanopia

#C06D65

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FEB8FA
300
#FE86F7
400
#FD44F2
500
#FC03ED
600
#CA02BE
700
#A20298
800
#7E0177
900
#5B0656
950
#3A0436

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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