#D40F03

#D40F03

Color Values

HEX

#D40F03

RGB

212, 15, 3

HSL

3,4, 97,2%, 42,2%

HSV

3,4, 98,6%, 83,1%

CMYK

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

OKLCH

0,55 0,2206 29,7

Properties

Warm Dark Nearest: red 3

Color Harmonies

Complementary

#D40F03

#03C8D4

Analogous

#D40360

#D47703

#D40F03

Triadic

#D40F03

#03D40F

#0F03D4

Split Complementary

#D40F03

#03D477

#0360D4

Tetradic

#D40F03

#60D403

#03C8D4

#7703D4

Color Blindness Simulation

Original

#D40F03

Protanopia

#7F7D06

Deuteranopia

#8A9907

Tritanopia

#CA0809

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8D86
400
#FC4F45
500
#FB1204
600
#C90E03
700
#A10B02
800
#7E0902
900
#5B0B06
950
#390704

Contrast Checker

Text on white

5,43: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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026