#DF3F20

#DF3F20

Color Values

HEX

#DF3F20

RGB

223, 63, 32

HSL

9,7, 74,9%, 50,0%

HSV

9,7, 85,7%, 87,5%

CMYK

0,0%, 71,7%, 85,7%, 12,5%

OKLCH

0,6015 0,2014 32,8

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DF3F20

#20C0DF

Analogous

#DF2061

#DF9E20

#DF3F20

Triadic

#DF3F20

#20DF3F

#3F20DF

Split Complementary

#DF3F20

#20DF9E

#2061DF

Tetradic

#DF3F20

#61DF20

#20C0DF

#9E20DF

Color Blindness Simulation

Original

#DF3F20

Protanopia

#9A9827

Deuteranopia

#A3AF29

Tritanopia

#D72D2F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E5E2
200
#F6C9C1
300
#F0A394
400
#E7715A
500
#DF3F20
600
#B2321A
700
#8F2814
800
#6F1F10
900
#511A10
950
#33110A

Contrast Checker

Text on white

4,31:1

AA Fail AAA Fail

Text on black

4,87:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026