#CA02BC

#CA02BC

Color Values

HEX

#CA02BC

RGB

202, 2, 188

HSL

304.2, 98.0%, 40.0%

HSV

304.2, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 6.9%, 20.8%

OKLCH

0.5808 0.2611 332.2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA02BC

#02CA10

Analogous

#7402CA

#CA0258

#CA02BC

Triadic

#CA02BC

#BCCA02

#02BCCA

Split Complementary

#CA02BC

#58CA02

#02CA74

Tetradic

#CA02BC

#CA7402

#02CA10

#0258CA

Color Blindness Simulation

Original

#CA02BC

Protanopia

#73728F

Deuteranopia

#7F8E84

Tritanopia

#C06B64

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FEB8F9
300
#FE86F5
400
#FD44F0
500
#FC03EB
600
#CA02BC
700
#A20296
800
#7E0175
900
#5B0655
950
#3A0436

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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