#DF7A0F

#DF7A0F

Color Values

HEX

#DF7A0F

RGB

223, 122, 15

HSL

30.9, 87.4%, 46.7%

HSV

30.9, 93.3%, 87.5%

CMYK

0.0%, 45.3%, 93.3%, 12.5%

OKLCH

0.6791 0.1598 57.5

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#DF7A0F

#0F74DF

Analogous

#DF120F

#DCDF0F

#DF7A0F

Triadic

#DF7A0F

#0FDF7A

#7A0FDF

Split Complementary

#DF7A0F

#0FDCDF

#120FDF

Tetradic

#DF7A0F

#0FDF12

#0F74DF

#DF0FDC

Color Blindness Simulation

Original

#DF7A0F

Protanopia

#B3B229

Deuteranopia

#B9C12F

Tritanopia

#DA3D42

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FBDCBC
300
#F7C38C
400
#F3A34E
500
#EF8310
600
#BF690D
700
#99540A
800
#774108
900
#57320A
950
#371F07

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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