#99857F — Muted Orange

#99857F 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.

#99857F color swatch, muted orange#99857F
CSS Namegray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ece9e8
200#ded7d5
300#cabdb9
400#b09e98
500#9b8680
600#88746e
700#72605b
800#5f504b
900#51433f
950#302724

Accessibility

Contrast on white
3.49:1
Contrast on black
6.02: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 37.4); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.004 37.4); /* #ece9e8 */
  --brand-200: oklch(0.885 0.008 37.4); /* #ded7d5 */
  --brand-300: oklch(0.808 0.015 37.4); /* #cabdb9 */
  --brand-400: oklch(0.712 0.023 37.4); /* #b09e98 */
  --brand-500: oklch(0.637 0.027 37.4); /* #9b8680 */
  --brand-600: oklch(0.577 0.027 37.4); /* #88746e */
  --brand-700: oklch(0.505 0.025 37.4); /* #72605b */
  --brand-800: oklch(0.444 0.022 37.4); /* #5f504b */
  --brand-900: oklch(0.396 0.02 37.4); /* #51433f */
  --brand-950: oklch(0.281 0.014 37.4); /* #302724 */
}

Explore other colors