#DF6B16

#DF6B16

Color Values

HEX

#DF6B16

RGB

223, 107, 22

HSL

25.4, 82.0%, 48.0%

HSV

25.4, 90.1%, 87.5%

CMYK

0.0%, 52.0%, 90.1%, 12.5%

OKLCH

0.6557 0.1678 49.4

Properties

Warm Light Nearest: chocolate 2

Color Harmonies

Complementary

#DF6B16

#168ADF

Analogous

#DF1625

#DFCF16

#DF6B16

Triadic

#DF6B16

#16DF6B

#6B16DF

Split Complementary

#DF6B16

#16DFCF

#1625DF

Tetradic

#DF6B16

#25DF16

#168ADF

#CF16DF

Color Blindness Simulation

Original

#DF6B16

Protanopia

#ADAC2B

Deuteranopia

#B4BC30

Tritanopia

#D93B3E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEBE1
200
#F9D7BE
300
#F4BA90
400
#EE9553
500
#E86F17
600
#BA5912
700
#95470F
800
#74380B
900
#542B0D
950
#351B08

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026