#DF8F48

#DF8F48

Color Values

HEX

#DF8F48

RGB

223, 143, 72

HSL

28,2, 70,2%, 57,8%

HSV

28,2, 67,7%, 87,5%

CMYK

0,0%, 35,9%, 67,7%, 12,5%

OKLCH

0,719 0,1298 59,9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DF8F48

#4898DF

Analogous

#DF484C

#DFDA48

#DF8F48

Triadic

#DF8F48

#48DF8F

#8F48DF

Split Complementary

#DF8F48

#48DFDA

#484CDF

Tetradic

#DF8F48

#4CDF48

#4898DF

#DA48DF

Color Blindness Simulation

Original

#DF8F48

Protanopia

#BCBC59

Deuteranopia

#C1C75D

Tritanopia

#DB676A

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F4DAC2
300
#EDBF97
400
#E39D5E
500
#D97A26
600
#AE621E
700
#8B4E18
800
#6D3D13
900
#4F2F12
950
#321D0B

Contrast Checker

Text on white

2,57:1

AA Fail AAA Fail

Text on black

8,16:1

AA Pass AAA Pass

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