#DF740F

#DF740F

Color Values

HEX

#DF740F

RGB

223, 116, 15

HSL

29.1, 87.4%, 46.7%

HSV

29.1, 93.3%, 87.5%

CMYK

0.0%, 48.0%, 93.3%, 12.5%

OKLCH

0.6694 0.1631 54.4

Properties

Warm Light Nearest: RAL 2011 Deep Orange

Color Harmonies

Complementary

#DF740F

#0F7ADF

Analogous

#DF0F12

#DFDC0F

#DF740F

Triadic

#DF740F

#0FDF74

#740FDF

Split Complementary

#DF740F

#0FDFDC

#0F12DF

Tetradic

#DF740F

#12DF0F

#0F7ADF

#DC0FDF

Color Blindness Simulation

Original

#DF740F

Protanopia

#B1B027

Deuteranopia

#B7BF2D

Tritanopia

#DA3B3F

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FBDABC
300
#F7C08C
400
#F39E4E
500
#EF7C10
600
#BF630D
700
#994F0A
800
#773E08
900
#572F0A
950
#371E07

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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