#D53122

#D53122

Color Values

HEX

#D53122

RGB

213, 49, 34

HSL

5.0, 72.5%, 48.4%

HSV

5.0, 84.0%, 83.5%

CMYK

0.0%, 77.0%, 84.0%, 16.5%

OKLCH

0.5719 0.2022 29.8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#D53122

#22C6D5

Analogous

#D5226D

#D58A22

#D53122

Triadic

#D53122

#22D531

#3122D5

Split Complementary

#D53122

#22D58A

#226DD5

Tetradic

#D53122

#6DD522

#22C6D5

#8A22D5

Color Blindness Simulation

Original

#D53122

Protanopia

#8E8D26

Deuteranopia

#98A426

Tritanopia

#CD2829

Achromatopsia

#535353

CSS Usage

background-color: #D53122;
color: #D53122;
border-color: #D53122;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FCF3F3
100
#F8E4E2
200
#F5C6C1
300
#EE9D95
400
#E5685C
500
#DC3223
600
#B0281C
700
#8D2016
800
#6E1912
900
#501611
950
#330E0B

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026