#CA02C0

#CA02C0

Color Values

HEX

#CA02C0

RGB

202, 2, 192

HSL

303.0, 98.0%, 40.0%

HSV

303.0, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 5.0%, 20.8%

OKLCH

0.5831 0.2636 331.1

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02C0

#02CA0C

Analogous

#7002CA

#CA025C

#CA02C0

Triadic

#CA02C0

#C0CA02

#02C0CA

Split Complementary

#CA02C0

#5CCA02

#02CA70

Tetradic

#CA02C0

#CA7002

#02CA0C

#025CCA

Color Blindness Simulation

Original

#CA02C0

Protanopia

#737292

Deuteranopia

#7F8E87

Tritanopia

#C06E66

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FEB8FB
300
#FE86F8
400
#FD44F4
500
#FC03F0
600
#CA02C0
700
#A2029A
800
#7E0178
900
#5B0657
950
#3A0437

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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