#C5071F

#C5071F

Color Values

HEX

#C5071F

RGB

197, 7, 31

HSL

352.4, 93.1%, 40.0%

HSV

352.4, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 84.3%, 22.7%

OKLCH

0.5205 0.2085 25.4

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C5071F

#07C5AD

Analogous

#C5077E

#C54E07

#C5071F

Triadic

#C5071F

#1FC507

#071FC5

Split Complementary

#C5071F

#07C54E

#077EC5

Tetradic

#C5071F

#7EC507

#07C5AD

#4E07C5

Color Blindness Simulation

Original

#C5071F

Protanopia

#737119

Deuteranopia

#7E8C18

Tritanopia

#BB1514

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FDBAC2
300
#FB8997
400
#F8495F
500
#F60927
600
#C5071F
700
#9E0619
800
#7B0413
900
#590812
950
#38050B

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

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