#C8ACA9 — Muted Red

#C8ACA9 is a muted red in the Red family. In practice it looks like an earthy, muted light beige, and it is also commonly known as Beige, Greige. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#C8ACA9 color swatch, muted red#C8ACA9
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede8e8
200#e0d6d5
300#cdbcba
400#b49c99
500#9f8481
600#8d726f
700#765e5b
800#634e4c
900#544140
950#322625

Accessibility

Contrast on white
2.11:1
Contrast on black
9.93: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.002 25.1); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 25.1); /* #ede8e8 */
  --brand-200: oklch(0.885 0.011 25.1); /* #e0d6d5 */
  --brand-300: oklch(0.808 0.019 25.1); /* #cdbcba */
  --brand-400: oklch(0.712 0.029 25.1); /* #b49c99 */
  --brand-500: oklch(0.637 0.035 25.1); /* #9f8481 */
  --brand-600: oklch(0.577 0.034 25.1); /* #8d726f */
  --brand-700: oklch(0.505 0.032 25.1); /* #765e5b */
  --brand-800: oklch(0.444 0.028 25.1); /* #634e4c */
  --brand-900: oklch(0.396 0.026 25.1); /* #544140 */
  --brand-950: oklch(0.281 0.018 25.1); /* #322625 */
}

Explore other colors