#CA2C24

#CA2C24

Color Values

HEX

#CA2C24

RGB

202, 44, 36

HSL

2.9, 69.7%, 46.7%

HSV

2.9, 82.2%, 79.2%

CMYK

0.0%, 78.2%, 82.2%, 20.8%

OKLCH

0.5484 0.1952 28.5

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CA2C24

#24C2CA

Analogous

#CA246F

#CA7F24

#CA2C24

Triadic

#CA2C24

#24CA2C

#2C24CA

Split Complementary

#CA2C24

#24CA7F

#246FCA

Tetradic

#CA2C24

#6FCA24

#24C2CA

#7F24CA

Color Blindness Simulation

Original

#CA2C24

Protanopia

#868426

Deuteranopia

#8F9B26

Tritanopia

#C22728

Achromatopsia

#4D4D4D

CSS Usage

background-color: #CA2C24;
color: #CA2C24;
border-color: #CA2C24;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F8E4E3
200
#F4C5C2
300
#EC9B97
400
#E2655F
500
#D82F27
600
#AD261F
700
#8A1E19
800
#6C1813
900
#4F1512
950
#320D0B

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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