#D2271F

#D2271F

Color Values

HEX

#D2271F

RGB

210, 39, 31

HSL

2.7, 74.3%, 47.3%

HSV

2.7, 85.2%, 82.4%

CMYK

0.0%, 81.4%, 85.2%, 17.6%

OKLCH

0.5589 0.2064 28.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#D2271F

#1FCAD2

Analogous

#D21F71

#D2811F

#D2271F

Triadic

#D2271F

#1FD227

#271FD2

Split Complementary

#D2271F

#1FD281

#1F71D2

Tetradic

#D2271F

#71D21F

#1FCAD2

#811FD2

Color Blindness Simulation

Original

#D2271F

Protanopia

#888621

Deuteranopia

#929F21

Tritanopia

#C92223

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F6C3C1
300
#EF9894
400
#E7615B
500
#DE2921
600
#B2211A
700
#8E1A15
800
#6F1510
900
#511310
950
#330C0A

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026