#DF8748

#DF8748

Color Values

HEX

#DF8748

RGB

223, 135, 72

HSL

25.0, 70.2%, 57.8%

HSV

25.0, 67.7%, 87.5%

CMYK

0.0%, 39.5%, 67.7%, 12.5%

OKLCH

0.7049 0.1332 54.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DF8748

#48A0DF

Analogous

#DF4854

#DFD248

#DF8748

Triadic

#DF8748

#48DF87

#8748DF

Split Complementary

#DF8748

#48DFD2

#4854DF

Tetradic

#DF8748

#54DF48

#48A0DF

#D248DF

Color Blindness Simulation

Original

#DF8748

Protanopia

#B9B857

Deuteranopia

#BEC55B

Tritanopia

#DB6366

Achromatopsia

#959595

CSS Usage

background-color: #DF8748;
color: #DF8748;
border-color: #DF8748;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FCF7F3
100
#F8EBE2
200
#F4D7C2
300
#EDBB97
400
#E3965E
500
#D97126
600
#AE5A1E
700
#8B4818
800
#6D3813
900
#4F2B12
950
#321B0B

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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