#D41003

#D41003

Color Values

HEX

#D41003

RGB

212, 16, 3

HSL

3,7, 97,2%, 42,2%

HSV

3,7, 98,6%, 83,1%

CMYK

0,0%, 92,5%, 98,6%, 16,9%

OKLCH

0,5503 0,2203 29,8

Properties

Warm Dark Nearest: red 3

Color Harmonies

Complementary

#D41003

#03C7D4

Analogous

#D4035F

#D47903

#D41003

Triadic

#D41003

#03D410

#1003D4

Split Complementary

#D41003

#03D479

#035FD4

Tetradic

#D41003

#5FD403

#03C7D4

#7903D4

Color Blindness Simulation

Original

#D41003

Protanopia

#7F7D06

Deuteranopia

#8A9907

Tritanopia

#CA0909

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8E86
400
#FC5045
500
#FB1304
600
#C90F03
700
#A10C02
800
#7E0902
900
#5B0B06
950
#390704

Contrast Checker

Text on white

5,42:1

AA Pass AAA Fail

Text on black

3,87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026