#C93022

#C93022

Color Values

HEX

#C93022

RGB

201, 48, 34

HSL

5.0, 71.1%, 46.1%

HSV

5.0, 83.1%, 78.8%

CMYK

0.0%, 76.1%, 83.1%, 21.2%

OKLCH

0.5497 0.1916 29.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C93022

#22BBC9

Analogous

#C92268

#C98322

#C93022

Triadic

#C93022

#22C930

#3022C9

Split Complementary

#C93022

#22C983

#2268C9

Tetradic

#C93022

#68C922

#22BBC9

#8322C9

Color Blindness Simulation

Original

#C93022

Protanopia

#878525

Deuteranopia

#909B26

Tritanopia

#C12829

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C2
300
#ED9E96
400
#E4695E
500
#DA3425
600
#AF2A1D
700
#8C2118
800
#6D1A12
900
#4F1711
950
#320E0B

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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