#DF4820

#DF4820

Color Values

HEX

#DF4820

RGB

223, 72, 32

HSL

12.6, 74.9%, 50.0%

HSV

12.6, 85.7%, 87.5%

CMYK

0.0%, 67.7%, 85.7%, 12.5%

OKLCH

0.6107 0.1942 35.1

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DF4820

#20B7DF

Analogous

#DF2057

#DFA820

#DF4820

Triadic

#DF4820

#20DF48

#4820DF

Split Complementary

#DF4820

#20DFA8

#2057DF

Tetradic

#DF4820

#57DF20

#20B7DF

#A820DF

Color Blindness Simulation

Original

#DF4820

Protanopia

#9E9C2A

Deuteranopia

#A6B22C

Tritanopia

#D73133

Achromatopsia

#656565

CSS Usage

background-color: #DF4820;
color: #DF4820;
border-color: #DF4820;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F2
100
#F9E7E2
200
#F6CCC1
300
#F0A794
400
#E7785A
500
#DF4820
600
#B23A1A
700
#8F2E14
800
#6F2410
900
#511E10
950
#33130A

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026