#C5221F

#C5221F

Color Values

HEX

#C5221F

RGB

197, 34, 31

HSL

1.1, 72.8%, 44.7%

HSV

1.1, 84.3%, 77.3%

CMYK

0.0%, 82.7%, 84.3%, 22.7%

OKLCH

0.5318 0.1976 27.9

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#C5221F

#1FC2C5

Analogous

#C51F6F

#C5751F

#C5221F

Triadic

#C5221F

#1FC522

#221FC5

Split Complementary

#C5221F

#1FC575

#1F6FC5

Tetradic

#C5221F

#6FC51F

#1FC2C5

#751FC5

Color Blindness Simulation

Original

#C5221F

Protanopia

#7E7D20

Deuteranopia

#889420

Tritanopia

#BD2020

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C2C1
300
#EE9795
400
#E55E5C
500
#DC2623
600
#B01E1C
700
#8D1816
800
#6E1311
900
#501211
950
#330B0B

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Brands Using This Color

Gmail

Gmail

Dark Red

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