#DF5520

#DF5520

Color Values

HEX

#DF5520

RGB

223, 85, 32

HSL

16.6, 74.9%, 50.0%

HSV

16.6, 85.7%, 87.5%

CMYK

0.0%, 61.9%, 85.7%, 12.5%

OKLCH

0.6259 0.1833 39.1

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DF5520

#20AADF

Analogous

#DF204B

#DFB420

#DF5520

Triadic

#DF5520

#20DF55

#5520DF

Split Complementary

#DF5520

#20DFB4

#204BDF

Tetradic

#DF5520

#4BDF20

#20AADF

#B420DF

Color Blindness Simulation

Original

#DF5520

Protanopia

#A3A22D

Deuteranopia

#ABB630

Tritanopia

#D83739

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FCF5F2
100
#F9E8E2
200
#F6CFC1
300
#F0AD94
400
#E7815A
500
#DF5520
600
#B2441A
700
#8F3614
800
#6F2A10
900
#512210
950
#33150A

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.46:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026