#C31F22

#C31F22

Color Values

HEX

#C31F22

RGB

195, 31, 34

HSL

358.9, 72.6%, 44.3%

HSV

358.9, 84.1%, 76.5%

CMYK

0.0%, 84.1%, 82.6%, 23.5%

OKLCH

0.5265 0.1972 26.8

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C31F22

#1FC3C0

Analogous

#C31F74

#C36E1F

#C31F22

Triadic

#C31F22

#22C31F

#1F22C3

Split Complementary

#C31F22

#1FC36E

#1F74C3

Tetradic

#C31F22

#74C31F

#1FC3C0

#6E1FC3

Color Blindness Simulation

Original

#C31F22

Protanopia

#7C7B21

Deuteranopia

#869221

Tritanopia

#BB2121

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C1C2
300
#EE9597
400
#E55C5F
500
#DC2326
600
#B01C1F
700
#8D1619
800
#6E1113
900
#501112
950
#330B0B

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