#DF7416

#DF7416

Color Values

HEX

#DF7416

RGB

223, 116, 22

HSL

28.1, 82.0%, 48.0%

HSV

28.1, 90.1%, 87.5%

CMYK

0.0%, 48.0%, 90.1%, 12.5%

OKLCH

0.6696 0.1619 53.7

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#DF7416

#1681DF

Analogous

#DF161C

#DFD816

#DF7416

Triadic

#DF7416

#16DF74

#7416DF

Split Complementary

#DF7416

#16DFD8

#161CDF

Tetradic

#DF7416

#1CDF16

#1681DF

#D816DF

Color Blindness Simulation

Original

#DF7416

Protanopia

#B1B02D

Deuteranopia

#B7BF32

Tritanopia

#DA3F43

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAECE1
200
#F9D9BE
300
#F4BF90
400
#EE9C53
500
#E87917
600
#BA6112
700
#954D0F
800
#743C0B
900
#542E0D
950
#351D08

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026