#DFA782

#DFA782

Color Values

HEX

#DFA782

RGB

223, 167, 130

HSL

23.9, 59.2%, 69.2%

HSV

23.9, 41.7%, 87.5%

CMYK

0.0%, 25.1%, 41.7%, 12.5%

OKLCH

0.7719 0.0831 54.6

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#DFA782

#82BADF

Analogous

#DF828B

#DFD682

#DFA782

Triadic

#DFA782

#82DFA7

#A782DF

Split Complementary

#DFA782

#82DFD6

#828BDF

Tetradic

#DFA782

#8BDF82

#82BADF

#D682DF

Color Blindness Simulation

Original

#DFA782

Protanopia

#C7C68B

Deuteranopia

#CACE8D

Tritanopia

#DC9294

Achromatopsia

#B0B0B0

CSS Usage

background-color: #DFA782;
color: #DFA782;
border-color: #DFA782;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF7F4
100
#F6EBE4
200
#F0D7C6
300
#E6BA9E
400
#D99569
500
#CB7034
600
#A25A2A
700
#824821
800
#65381A
900
#4A2B17
950
#2F1B0E

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

9.99:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026