#D31317

#D31317

Color Values

HEX

#D31317

RGB

211, 19, 23

HSL

358.8, 83.5%, 45.1%

HSV

358.8, 91.0%, 82.7%

CMYK

0.0%, 91.0%, 89.1%, 17.3%

OKLCH

0.5502 0.2174 27.9

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#D31317

#13D3CF

Analogous

#D31377

#D36F13

#D31317

Triadic

#D31317

#17D313

#1317D3

Split Complementary

#D31317

#13D36F

#1377D3

Tetradic

#D31317

#77D313

#13D3CF

#6F13D3

Color Blindness Simulation

Original

#D31317

Protanopia

#807E16

Deuteranopia

#8B9916

Tritanopia

#C91515

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#F9BDBF
300
#F58F91
400
#EF5255
500
#EA1519
600
#BB1114
700
#960D10
800
#750B0D
900
#550C0D
950
#360809

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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