#C5071C

#C5071C

Color Values

HEX

#C5071C

RGB

197, 7, 28

HSL

353.4, 93.1%, 40.0%

HSV

353.4, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 85.8%, 22.7%

OKLCH

0.5203 0.2087 26.0

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C5071C

#07C5B0

Analogous

#C5077B

#C55107

#C5071C

Triadic

#C5071C

#1CC507

#071CC5

Split Complementary

#C5071C

#07C551

#077BC5

Tetradic

#C5071C

#7BC507

#07C5B0

#5107C5

Color Blindness Simulation

Original

#C5071C

Protanopia

#737117

Deuteranopia

#7E8C16

Tritanopia

#BB1312

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE2
200
#FDBAC1
300
#FB8995
400
#F8495C
500
#F60923
600
#C5071C
700
#9E0616
800
#7B0411
900
#590811
950
#38050B

Contrast Checker

Text on white

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