#DC2C23

#DC2C23

Color Values

HEX

#DC2C23

RGB

220, 44, 35

HSL

2.9, 72.5%, 50.0%

HSV

2.9, 84.1%, 86.3%

CMYK

0.0%, 80.0%, 84.1%, 13.7%

OKLCH

0.5807 0.2119 28.8

Properties

Warm Dark Nearest: firebrick 2

Color Harmonies

Complementary

#DC2C23

#23D3DC

Analogous

#DC2377

#DC8823

#DC2C23

Triadic

#DC2C23

#23DC2C

#2C23DC

Split Complementary

#DC2C23

#23DC88

#2377DC

Tetradic

#DC2C23

#77DC23

#23D3DC

#8823DC

Color Blindness Simulation

Original

#DC2C23

Protanopia

#908E25

Deuteranopia

#9AA726

Tritanopia

#D32727

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C4C1
300
#EE9A95
400
#E5635C
500
#DC2C23
600
#B0231C
700
#8D1C16
800
#6E1612
900
#501411
950
#330D0B

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43: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