#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026