#806C66Deep Muted Orange

#806C66 is a deep muted orange in the Orange family. In practice it looks like an earthy, muted medium taupe, and it is also commonly known as Taupe, Warm Gray. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#806C66
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e8
200#dfd7d5
300#cabdb9
400#b09d98
500#9c867f
600#89746e
700#73605a
800#604f4a
900#51433f
950#302724

Accessibility

Contrast on white
4.94:1
Contrast on black
4.25:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whitePass
  • UI components (3:1) on whitePass

Need a passing variant? Repair this color in the contrast checker.

Complementary palette

Analogous palette

Triadic palette

Copy-ready CSS

brand-scale.css
:root {
  --brand-50: oklch(0.971 0.002 37.3); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.004 37.3); /* #ede9e8 */
  --brand-200: oklch(0.885 0.009 37.3); /* #dfd7d5 */
  --brand-300: oklch(0.808 0.016 37.3); /* #cabdb9 */
  --brand-400: oklch(0.712 0.024 37.3); /* #b09d98 */
  --brand-500: oklch(0.637 0.028 37.3); /* #9c867f */
  --brand-600: oklch(0.577 0.028 37.3); /* #89746e */
  --brand-700: oklch(0.505 0.026 37.3); /* #73605a */
  --brand-800: oklch(0.444 0.023 37.3); /* #604f4a */
  --brand-900: oklch(0.396 0.021 37.3); /* #51433f */
  --brand-950: oklch(0.281 0.015 37.3); /* #302724 */
}

Explore other colors