#CA02B3

#CA02B3

Color Values

HEX

#CA02B3

RGB

202, 2, 179

HSL

306.9, 98.0%, 40.0%

HSV

306.9, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 11.4%, 20.8%

OKLCH

0.5757 0.2555 334.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02B3

#02CA19

Analogous

#7D02CA

#CA024F

#CA02B3

Triadic

#CA02B3

#B3CA02

#02B3CA

Split Complementary

#CA02B3

#4FCA02

#02CA7D

Tetradic

#CA02B3

#CA7D02

#02CA19

#024FCA

Color Blindness Simulation

Original

#CA02B3

Protanopia

#737288

Deuteranopia

#7F8E7E

Tritanopia

#C0665F

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB8F6
300
#FE86F0
400
#FD44E8
500
#FC03E0
600
#CA02B3
700
#A2028F
800
#7E0170
900
#5B0651
950
#3A0433

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026