#CA02C6

#CA02C6

Color Values

HEX

#CA02C6

RGB

202, 2, 198

HSL

301.2, 98.0%, 40.0%

HSV

301.2, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 2.0%, 20.8%

OKLCH

0.5867 0.2675 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02C6

#02CA06

Analogous

#6A02CA

#CA0262

#CA02C6

Triadic

#CA02C6

#C6CA02

#02C6CA

Split Complementary

#CA02C6

#62CA02

#02CA6A

Tetradic

#CA02C6

#CA6A02

#02CA06

#0262CA

Color Blindness Simulation

Original

#CA02C6

Protanopia

#737297

Deuteranopia

#7F8E8B

Tritanopia

#C07169

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFB
200
#FEB8FD
300
#FE86FB
400
#FD44F9
500
#FC03F7
600
#CA02C6
700
#A2029E
800
#7E017C
900
#5B0659
950
#3A0439

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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