Maroon Colors  ·  Color Library

Palettes / Colors / #806B60

#806B60 — Dusty Orange

#806B60 is a orange color we call Dusty Orange, closest to the named color DimGray (#696969). It belongs to the orange family.

#806B60 is a warm orange color associated with warmth, appetite and friendliness. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #607580; it also sits naturally between #806065 and #807B60. In the palettes below you can see it working alongside real color combinations from our collection.

#806B60 · RGB 128, 107, 96

Download PNG swatch SVG

Color values

HEX#806B60
RGB128, 107, 96
HSL21°, 14%, 44%
HSV21°, 25%, 50%
CMYK0%, 16%, 25%, 50%
XYZ16.27, 15.95, 13.29
Yxy15.95, 0.3575, 0.3505
CIE-Lab46.91, 6.47, 9.26
Hunter Lab39.94, 5.05, 6.29

RGB & CMYK percentages

Red 50% · Green 42% · Blue 38%

Cyan 0% · Magenta 16% · Yellow 25% · Key 50%

Previews

Sample text in #806B60 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #806B60 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #806B60

.text { color: #806B60; }
.background { background-color: #806B60; }
.border { border: 3px solid #806B60; }
.text-rgb { color: rgb(128, 107, 96); }
.text-hsl { color: hsl(21, 14%, 44%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #806B60; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(128, 107, 96, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #806B60; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(128, 107, 96, 0.8); }

HTML: <p style="color:#806B60">Text here</p> · <div style="background-color:#806B60">Div content here</div>

Shades of #806B60

#746258#69584F#5D4E46#51443D#463B35#3A312C#2F2723#231D1A#171412#0C0A09

Tints of #806B60

#8E786B#9A8579#A7958B#B2A299#BDAFA8#C8BDB6#D3CAC5#E0DAD6#EBE7E5#F6F4F3

Tones of #806B60

#7E6C63#7B6D65#796E67#776E69#756F6C#72706E

Color harmonies

Complementary — #607580:

Analogous:

Triadic:

Contrast & accessibility

Against white text5.01:1 AA
Against black text4.19:1 AA large only

Best text color on #806B60: #FFFFFF.

How #806B60 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #777763Deuteranopia · #787A63Tritanopia · #7F6565

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind stone 500 · #78716CTailwind neutral 500 · #737373Tailwind zinc 500 · #71717A

Palettes with #806B60 or a close neighbour

Palette 3a3845
#3A3845 · #F7CCAC · #C69B7B · #826F66
Palette 3e3232
#3E3232 · #503C3C · #7E6363 · #A87C7C
Palette F3eeea
#F3EEEA · #EBE3D5 · #B0A695 · #776B5D
Palette 430a5d
#430A5D · #5F374B · #8C6A5D · #EEE4B1
Royal Cinder
#7280BB · #624A71 · #C5AAB9 · #876358
Honey Ruby Twilight
#B099CB · #BA6A99 · #8D6E5D · #B9C4A1

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#826F66#7E6363#776B5D#8C6A5D#876358#8D6E5D#7C7254#747264#896C6C#8D6262#706C61#815B5B

Browse neighbouring colors

← #806B5F  ·  #806B61 →

Frequently asked questions

What color is #806B60?

#806B60 is Dusty Orange, a orange color (RGB 128, 107, 96). Its closest standard named color is DimGray.

What is the RGB and HSL of #806B60?

#806B60 is RGB 128, 107, 96 — HSL 21°, 14%, 44% — CMYK 0%, 16%, 25%, 50%.

What colors go with #806B60?

Its complement is #607580; analogous partners are #806065 and #807B60. It also appears in 6+ palettes in our collection.

Can I use #806B60 for text?

White text on #806B60 has a contrast ratio of 5.01:1 (passes WCAG AA); black text gives 4.19:1.