#DF3C20

#DF3C20

Color Values

HEX

#DF3C20

RGB

223, 60, 32

HSL

8.8, 74.9%, 50.0%

HSV

8.8, 85.7%, 87.5%

CMYK

0.0%, 73.1%, 85.7%, 12.5%

OKLCH

0.5987 0.2038 32.2

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DF3C20

#20C3DF

Analogous

#DF2063

#DF9C20

#DF3C20

Triadic

#DF3C20

#20DF3C

#3C20DF

Split Complementary

#DF3C20

#20DF9C

#2063DF

Tetradic

#DF3C20

#63DF20

#20C3DF

#9C20DF

Color Blindness Simulation

Original

#DF3C20

Protanopia

#989727

Deuteranopia

#A2AE28

Tritanopia

#D72C2D

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF4F2
100
#F9E5E2
200
#F6C8C1
300
#F0A194
400
#E76F5A
500
#DF3C20
600
#B2301A
700
#8F2614
800
#6F1E10
900
#511910
950
#33100A

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8: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