#DF6B20

#DF6B20

Color Values

HEX

#DF6B20

RGB

223, 107, 32

HSL

23.6, 74.9%, 50.0%

HSV

23.6, 85.7%, 87.5%

CMYK

0.0%, 52.0%, 85.7%, 12.5%

OKLCH

0.6562 0.1657 48.0

Properties

Warm Light Nearest: chocolate

Color Harmonies

Complementary

#DF6B20

#2094DF

Analogous

#DF2034

#DFCB20

#DF6B20

Triadic

#DF6B20

#20DF6B

#6B20DF

Split Complementary

#DF6B20

#20DFCB

#2034DF

Tetradic

#DF6B20

#34DF20

#2094DF

#CB20DF

Color Blindness Simulation

Original

#DF6B20

Protanopia

#ADAC32

Deuteranopia

#B4BC36

Tritanopia

#D94044

Achromatopsia

#7E7E7E

CSS Usage

background-color: #DF6B20;
color: #DF6B20;
border-color: #DF6B20;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FCF6F2
100
#F9EBE2
200
#F6D6C1
300
#F0B894
400
#E7925A
500
#DF6B20
600
#B2561A
700
#8F4514
800
#6F3610
900
#512910
950
#331A0A

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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