#9B8889Muted Red

#9B8889 is a muted red in the Red 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.

#9B8889
CSS Namegray (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9e9
200#ded7d7
300#c9bdbd
400#ae9d9e
500#998687
600#877475
700#716061
800#5e4f50
900#504344
950#2f2727

Accessibility

Contrast on white
3.35:1
Contrast on black
6.28: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 14.1); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.004 14.1); /* #ece9e9 */
  --brand-200: oklch(0.885 0.008 14.1); /* #ded7d7 */
  --brand-300: oklch(0.808 0.014 14.1); /* #c9bdbd */
  --brand-400: oklch(0.712 0.02 14.1); /* #ae9d9e */
  --brand-500: oklch(0.637 0.024 14.1); /* #998687 */
  --brand-600: oklch(0.577 0.024 14.1); /* #877475 */
  --brand-700: oklch(0.505 0.022 14.1); /* #716061 */
  --brand-800: oklch(0.444 0.02 14.1); /* #5e4f50 */
  --brand-900: oklch(0.396 0.018 14.1); /* #504344 */
  --brand-950: oklch(0.281 0.013 14.1); /* #2f2727 */
}

Explore other colors