#C50722

#C50722

Color Values

HEX

#C50722

RGB

197, 7, 34

HSL

351.5, 93.1%, 40.0%

HSV

351.5, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 82.7%, 22.7%

OKLCH

0.5208 0.2083 24.7

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C50722

#07C5AA

Analogous

#C50781

#C54B07

#C50722

Triadic

#C50722

#22C507

#0722C5

Split Complementary

#C50722

#07C54B

#0781C5

Tetradic

#C50722

#81C507

#07C5AA

#4B07C5

Color Blindness Simulation

Original

#C50722

Protanopia

#73711B

Deuteranopia

#7E8C1A

Tritanopia

#BB1615

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FDBAC3
300
#FB8999
400
#F84962
500
#F6092A
600
#C50722
700
#9E061B
800
#7B0415
900
#590813
950
#38050C

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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