#9D887D — Muted Orange

#9D887D is a 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.

#9D887D color swatch, muted orange#9D887D
CSS Namegray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e7
200#dfd7d3
300#cabdb6
400#b19e94
500#9c867b
600#897469
700#736056
800#605047
900#52433c
950#302722

Accessibility

Contrast on white
3.36:1
Contrast on black
6.25:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • 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 49.4); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 49.4); /* #ede9e7 */
  --brand-200: oklch(0.885 0.01 49.4); /* #dfd7d3 */
  --brand-300: oklch(0.808 0.018 49.4); /* #cabdb6 */
  --brand-400: oklch(0.712 0.026 49.4); /* #b19e94 */
  --brand-500: oklch(0.637 0.032 49.4); /* #9c867b */
  --brand-600: oklch(0.577 0.031 49.4); /* #897469 */
  --brand-700: oklch(0.505 0.029 49.4); /* #736056 */
  --brand-800: oklch(0.444 0.026 49.4); /* #605047 */
  --brand-900: oklch(0.396 0.024 49.4); /* #52433c */
  --brand-950: oklch(0.281 0.017 49.4); /* #302722 */
}

Explore other colors