#DFA678

#DFA678

Color Values

HEX

#DFA678

RGB

223, 166, 120

HSL

26.8, 61.7%, 67.3%

HSV

26.8, 46.2%, 87.5%

CMYK

0.0%, 25.6%, 46.2%, 12.5%

OKLCH

0.7682 0.091 59.8

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DFA678

#78B1DF

Analogous

#DF787E

#DFDA78

#DFA678

Triadic

#DFA678

#78DFA6

#A678DF

Split Complementary

#DFA678

#78DFDA

#787EDF

Tetradic

#DFA678

#7EDF78

#78B1DF

#DA78DF

Color Blindness Simulation

Original

#DFA678

Protanopia

#C6C683

Deuteranopia

#CACE86

Tritanopia

#DC8C8E

Achromatopsia

#AFAFAF

CSS Usage

background-color: #DFA678;
color: #DFA678;
border-color: #DFA678;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F1D9C5
300
#E8BE9C
400
#DB9A66
500
#CE7731
600
#A55F27
700
#844C1F
800
#673C18
900
#4B2E16
950
#301D0E

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.86:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026