#D42525

#D42525

Color Values

HEX

#D42525

RGB

212, 37, 37

HSL

0.0, 70.3%, 48.8%

HSV

0.0, 82.5%, 83.1%

CMYK

0.0%, 82.5%, 82.5%, 16.9%

OKLCH

0.5618 0.2087 27.3

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D42525

#25D4D4

Analogous

#D4257C

#D47C25

#D42525

Triadic

#D42525

#25D425

#2525D4

Split Complementary

#D42525

#25D47C

#257CD4

Tetradic

#D42525

#7CD425

#25D4D4

#7C25D4

Color Blindness Simulation

Original

#D42525

Protanopia

#888725

Deuteranopia

#929F25

Tritanopia

#CB2525

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E2E2
200
#F4C2C2
300
#ED9797
400
#E35E5E
500
#D92626
600
#AE1E1E
700
#8B1818
800
#6D1313
900
#4F1212
950
#320B0B

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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