#DF3A20

#DF3A20

Color Values

HEX

#DF3A20

RGB

223, 58, 32

HSL

8.2, 74.9%, 50.0%

HSV

8.2, 85.7%, 87.5%

CMYK

0.0%, 74.0%, 85.7%, 12.5%

OKLCH

0.5969 0.2053 31.8

Properties

Warm Light Nearest: RAL 2009 Traffic Orange

Color Harmonies

Complementary

#DF3A20

#20C5DF

Analogous

#DF2065

#DF9A20

#DF3A20

Triadic

#DF3A20

#20DF3A

#3A20DF

Split Complementary

#DF3A20

#20DF9A

#2065DF

Tetradic

#DF3A20

#65DF20

#20C5DF

#9A20DF

Color Blindness Simulation

Original

#DF3A20

Protanopia

#989626

Deuteranopia

#A1AE28

Tritanopia

#D72B2C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E5E2
200
#F6C8C1
300
#F0A094
400
#E76D5A
500
#DF3A20
600
#B22E1A
700
#8F2514
800
#6F1D10
900
#511910
950
#33100A

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026