#B9998E — Muted Orange

#B9998E 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.

#B9998E color swatch, muted orange#B9998E
CSS Namerosybrown (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e7
200#e2d6d2
300#cfbbb5
400#b79b91
500#a38378
600#907167
700#795d54
800#654d45
900#56413a
950#332521

Accessibility

Contrast on white
2.62:1
Contrast on black
8.01:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whiteFail
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whiteFail

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 39.9); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 39.9); /* #eee8e7 */
  --brand-200: oklch(0.885 0.014 39.9); /* #e2d6d2 */
  --brand-300: oklch(0.808 0.024 39.9); /* #cfbbb5 */
  --brand-400: oklch(0.712 0.036 39.9); /* #b79b91 */
  --brand-500: oklch(0.637 0.044 39.9); /* #a38378 */
  --brand-600: oklch(0.577 0.043 39.9); /* #907167 */
  --brand-700: oklch(0.505 0.04 39.9); /* #795d54 */
  --brand-800: oklch(0.444 0.036 39.9); /* #654d45 */
  --brand-900: oklch(0.396 0.032 39.9); /* #56413a */
  --brand-950: oklch(0.281 0.023 39.9); /* #332521 */
}

Explore other colors