#C22C31

#C22C31

Color Values

HEX

#C22C31

RGB

194, 44, 49

HSL

358.0, 63.0%, 46.7%

HSV

358.0, 77.3%, 76.1%

CMYK

0.0%, 77.3%, 74.7%, 23.9%

OKLCH

0.5355 0.186 24.7

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#C22C31

#2CC2BD

Analogous

#C22C7C

#C2722C

#C22C31

Triadic

#C22C31

#31C22C

#2C31C2

Split Complementary

#C22C31

#2CC272

#2C7CC2

Tetradic

#C22C31

#7CC22C

#2CC2BD

#722CC2

Color Blindness Simulation

Original

#C22C31

Protanopia

#818030

Deuteranopia

#8A9530

Tritanopia

#BA2F2F

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F7E4E4
200
#F2C5C6
300
#E89B9E
400
#DC6569
500
#D02F35
600
#A6262A
700
#851E22
800
#68181A
900
#4C1517
950
#300D0E

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026