#DF8514

#DF8514

Color Values

HEX

#DF8514

RGB

223, 133, 20

HSL

33.4, 83.5%, 47.6%

HSV

33.4, 91.0%, 87.5%

CMYK

0.0%, 40.4%, 91.0%, 12.5%

OKLCH

0.6978 0.1541 63.3

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#DF8514

#146EDF

Analogous

#DF2014

#D3DF14

#DF8514

Triadic

#DF8514

#14DF85

#8514DF

Split Complementary

#DF8514

#14D3DF

#2014DF

Tetradic

#DF8514

#14DF20

#146EDF

#DF14D3

Color Blindness Simulation

Original

#DF8514

Protanopia

#B8B72F

Deuteranopia

#BDC436

Tritanopia

#DA454A

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#F9DFBD
300
#F5C88F
400
#EFAA52
500
#EA8C15
600
#BB7011
700
#96590D
800
#75460B
900
#55350C
950
#362108

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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