#C50720

#C50720

Color Values

HEX

#C50720

RGB

197, 7, 32

HSL

352.1, 93.1%, 40.0%

HSV

352.1, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 83.8%, 22.7%

OKLCH

0.5206 0.2084 25.2

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#C50720

#07C5AC

Analogous

#C5077F

#C54D07

#C50720

Triadic

#C50720

#20C507

#0720C5

Split Complementary

#C50720

#07C54D

#077FC5

Tetradic

#C50720

#7FC507

#07C5AC

#4D07C5

Color Blindness Simulation

Original

#C50720

Protanopia

#73711A

Deuteranopia

#7E8C18

Tritanopia

#BB1514

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FDBAC3
300
#FB8998
400
#F84960
500
#F60928
600
#C50720
700
#9E061A
800
#7B0414
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

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