#DF7516

#DF7516

Color Values

HEX

#DF7516

RGB

223, 117, 22

HSL

28,4, 82,0%, 48,0%

HSV

28,4, 90,1%, 87,5%

CMYK

0,0%, 47,5%, 90,1%, 12,5%

OKLCH

0,6712 0,1613 54,3

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#DF7516

#1680DF

Analogous

#DF161B

#DFD916

#DF7516

Triadic

#DF7516

#16DF75

#7516DF

Split Complementary

#DF7516

#16DFD9

#161BDF

Tetradic

#DF7516

#1BDF16

#1680DF

#D916DF

Color Blindness Simulation

Original

#DF7516

Protanopia

#B1B02D

Deuteranopia

#B7BF32

Tritanopia

#DA3F43

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9DABE
300
#F4BF90
400
#EE9D53
500
#E87A17
600
#BA6212
700
#954E0F
800
#743D0B
900
#542F0D
950
#351D08

Contrast Checker

Text on white

3,14:1

AA Fail AAA Fail

Text on black

6,69:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026