#C52114

#C52114

Color Values

HEX

#C52114

RGB

197, 33, 20

HSL

4.4, 81.6%, 42.5%

HSV

4.4, 89.8%, 77.3%

CMYK

0.0%, 83.2%, 89.8%, 22.7%

OKLCH

0.5304 0.1993 29.8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C52114

#14B8C5

Analogous

#C5145F

#C57914

#C52114

Triadic

#C52114

#14C521

#2114C5

Split Complementary

#C52114

#14C579

#145FC5

Tetradic

#C52114

#5FC514

#14B8C5

#7914C5

Color Blindness Simulation

Original

#C52114

Protanopia

#7E7D17

Deuteranopia

#889418

Tritanopia

#BD1A1A

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F8C2BE
300
#F49790
400
#EE5F54
500
#E82717
600
#B91F13
700
#94190F
800
#74130C
900
#54120D
950
#350B08

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026