#CA241E

#CA241E

Color Values

HEX

#CA241E

RGB

202, 36, 30

HSL

2.1, 74.1%, 45.5%

HSV

2.1, 85.1%, 79.2%

CMYK

0.0%, 82.2%, 85.1%, 20.8%

OKLCH

0.5422 0.2011 28.5

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CA241E

#1EC4CA

Analogous

#CA1E6E

#CA7A1E

#CA241E

Triadic

#CA241E

#1ECA24

#241ECA

Split Complementary

#CA241E

#1ECA7A

#1E6ECA

Tetradic

#CA241E

#6ECA1E

#1EC4CA

#7A1ECA

Color Blindness Simulation

Original

#CA241E

Protanopia

#82811F

Deuteranopia

#8C9820

Tritanopia

#C22121

Achromatopsia

#474747

CSS Usage

background-color: #CA241E;
color: #CA241E;
border-color: #CA241E;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C3C1
300
#EF9894
400
#E7605B
500
#DE2821
600
#B2201A
700
#8E1915
800
#6F1411
900
#511210
950
#330C0A

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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