#CA022D

#CA022D

Color Values

HEX

#CA022D

RGB

202, 2, 45

HSL

347.1, 98.0%, 40.0%

HSV

347.1, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 77.7%, 20.8%

OKLCH

0.5304 0.2129 22.0

Properties

Warm Dark Nearest: NCS S 1080-R Pure Red

Color Harmonies

Complementary

#CA022D

#02CA9F

Analogous

#CA0291

#CA3B02

#CA022D

Triadic

#CA022D

#2DCA02

#022DCA

Split Complementary

#CA022D

#02CA3B

#0291CA

Tetradic

#CA022D

#91CA02

#02CA9F

#3B02CA

Color Blindness Simulation

Original

#CA022D

Protanopia

#737223

Deuteranopia

#7F8E20

Tritanopia

#C01A19

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB8C7
300
#FE86A0
400
#FD446C
500
#FC0338
600
#CA022D
700
#A20224
800
#7E011C
900
#5B0618
950
#3A040F

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026