#C22011

#C22011

Color Values

HEX

#C22011

RGB

194, 32, 17

HSL

5,1, 83,9%, 41,4%

HSV

5,1, 91,2%, 76,1%

CMYK

0,0%, 83,5%, 91,2%, 23,9%

OKLCH

0,524 0,1974 30,1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C22011

#11B3C2

Analogous

#C2115B

#C27911

#C22011

Triadic

#C22011

#11C220

#2011C2

Split Complementary

#C22011

#11C279

#115BC2

Tetradic

#C22011

#5BC211

#11B3C2

#7911C2

Color Blindness Simulation

Original

#C22011

Protanopia

#7C7A15

Deuteranopia

#859116

Tritanopia

#BA1718

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E0
200
#F9C2BD
300
#F5978E
400
#F05F51
500
#EA2715
600
#BC1F10
700
#96190D
800
#75130A
900
#55120C
950
#360B07

Contrast Checker

Text on white

5,99:1

AA Pass AAA Fail

Text on black

3,51: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