#D22727

#D22727

Color Values

HEX

#D22727

RGB

210, 39, 39

HSL

0.0, 68.7%, 48.8%

HSV

0.0, 81.4%, 82.4%

CMYK

0.0%, 81.4%, 81.4%, 17.6%

OKLCH

0.5596 0.2055 27.1

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#D22727

#27D2D2

Analogous

#D2277C

#D27C27

#D22727

Triadic

#D22727

#27D227

#2727D2

Split Complementary

#D22727

#27D27C

#277CD2

Tetradic

#D22727

#7CD227

#27D2D2

#7C27D2

Color Blindness Simulation

Original

#D22727

Protanopia

#888627

Deuteranopia

#929F27

Tritanopia

#C92727

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C3C3
300
#EC9898
400
#E16060
500
#D72828
600
#AC2020
700
#8A1A1A
800
#6C1414
900
#4E1212
950
#320C0C

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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