#A18788 — Muted Red

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

#A18788 color swatch, muted red#A18788
CSS Namerosybrown (closest)

Tints and shades (50–950)

50#f7f5f5
100#ede8e9
200#e0d6d7
300#ccbcbc
400#b39c9c
500#9f8385
600#8c7273
700#755e5f
800#624e4f
900#534142
950#312626

Accessibility

Contrast on white
3.31:1
Contrast on black
6.34: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 15.4); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.005 15.4); /* #ede8e9 */
  --brand-200: oklch(0.885 0.01 15.4); /* #e0d6d7 */
  --brand-300: oklch(0.808 0.019 15.4); /* #ccbcbc */
  --brand-400: oklch(0.712 0.028 15.4); /* #b39c9c */
  --brand-500: oklch(0.637 0.033 15.4); /* #9f8385 */
  --brand-600: oklch(0.577 0.033 15.4); /* #8c7273 */
  --brand-700: oklch(0.505 0.031 15.4); /* #755e5f */
  --brand-800: oklch(0.444 0.027 15.4); /* #624e4f */
  --brand-900: oklch(0.396 0.025 15.4); /* #534142 */
  --brand-950: oklch(0.281 0.017 15.4); /* #312626 */
}

Explore other colors