#CA0230

#CA0230

Color Values

HEX

#CA0230

RGB

202, 2, 48

HSL

346.2, 98.0%, 40.0%

HSV

346.2, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 76.2%, 20.8%

OKLCH

0.5308 0.2128 21.1

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#CA0230

#02CA9C

Analogous

#CA0294

#CA3802

#CA0230

Triadic

#CA0230

#30CA02

#0230CA

Split Complementary

#CA0230

#02CA38

#0294CA

Tetradic

#CA0230

#94CA02

#02CA9C

#3802CA

Color Blindness Simulation

Original

#CA0230

Protanopia

#737225

Deuteranopia

#7F8E22

Tritanopia

#C01C1A

Achromatopsia

#303030

CSS Usage

background-color: #CA0230;
color: #CA0230;
border-color: #CA0230;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB8C8
300
#FE86A1
400
#FD446F
500
#FC033C
600
#CA0230
700
#A20226
800
#7E011E
900
#5B0619
950
#3A0410

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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