#C12422

#C12422

Color Values

HEX

#C12422

RGB

193, 36, 34

HSL

0.8, 70.0%, 44.5%

HSV

0.8, 82.4%, 75.7%

CMYK

0.0%, 81.3%, 82.4%, 24.3%

OKLCH

0.526 0.1924 27.5

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C12422

#22BFC1

Analogous

#C1226F

#C17422

#C12422

Triadic

#C12422

#22C124

#2422C1

Split Complementary

#C12422

#22C174

#226FC1

Tetradic

#C12422

#6FC122

#22BFC1

#7422C1

Color Blindness Simulation

Original

#C12422

Protanopia

#7D7C22

Deuteranopia

#869223

Tritanopia

#B92323

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C2
300
#ED9897
400
#E3605F
500
#D92926
600
#AD211F
700
#8B1A18
800
#6C1413
900
#4F1312
950
#320C0B

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026