#DD2227

#DD2227

Color Values

HEX

#DD2227

RGB

221, 34, 39

HSL

358.4, 73.3%, 50.0%

HSV

358.4, 84.6%, 86.7%

CMYK

0.0%, 84.6%, 82.4%, 13.3%

OKLCH

0.5767 0.2181 26.7

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DD2227

#22DDD8

Analogous

#DD2284

#DD7B22

#DD2227

Triadic

#DD2227

#27DD22

#2227DD

Split Complementary

#DD2227

#22DD7B

#2284DD

Tetradic

#DD2227

#84DD22

#22DDD8

#7B22DD

Color Blindness Simulation

Original

#DD2227

Protanopia

#8C8A26

Deuteranopia

#97A526

Tritanopia

#D42525

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E3
200
#F5C1C3
300
#EF9597
400
#E65B5F
500
#DD2227
600
#B11B1F
700
#8D1619
800
#6E1114
900
#501012
950
#330A0B

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026