#8F7769 — Muted Orange

#8F7769 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.

#8F7769 color swatch, muted orange#8F7769
CSS Namegray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e6
200#e0d7d2
300#ccbdb4
400#b39d90
500#9f8576
600#8c7465
700#765f52
800#624f44
900#534339
950#312620

Accessibility

Contrast on white
4.19:1
Contrast on black
5.01: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.003 52); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.006 52); /* #ede9e6 */
  --brand-200: oklch(0.885 0.012 52); /* #e0d7d2 */
  --brand-300: oklch(0.808 0.022 52); /* #ccbdb4 */
  --brand-400: oklch(0.712 0.032 52); /* #b39d90 */
  --brand-500: oklch(0.637 0.038 52); /* #9f8576 */
  --brand-600: oklch(0.577 0.038 52); /* #8c7465 */
  --brand-700: oklch(0.505 0.035 52); /* #765f52 */
  --brand-800: oklch(0.444 0.032 52); /* #624f44 */
  --brand-900: oklch(0.396 0.028 52); /* #534339 */
  --brand-950: oklch(0.281 0.02 52); /* #312620 */
}

Explore other colors