#C8AEAC — Muted Red

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

#C8AEAC color swatch, muted red#C8AEAC
CSS Namesilver (closest)

Tints and shades (50–950)

50#f7f5f5
100#ede9e8
200#e0d7d6
300#ccbcbb
400#b29c9a
500#9e8482
600#8b7371
700#755e5d
800#614e4d
900#534241
950#312625

Accessibility

Contrast on white
2.08:1
Contrast on black
10.11: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 23.1); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.005 23.1); /* #ede9e8 */
  --brand-200: oklch(0.885 0.01 23.1); /* #e0d7d6 */
  --brand-300: oklch(0.808 0.018 23.1); /* #ccbcbb */
  --brand-400: oklch(0.712 0.026 23.1); /* #b29c9a */
  --brand-500: oklch(0.637 0.032 23.1); /* #9e8482 */
  --brand-600: oklch(0.577 0.031 23.1); /* #8b7371 */
  --brand-700: oklch(0.505 0.029 23.1); /* #755e5d */
  --brand-800: oklch(0.444 0.026 23.1); /* #614e4d */
  --brand-900: oklch(0.396 0.024 23.1); /* #534241 */
  --brand-950: oklch(0.281 0.017 23.1); /* #312625 */
}

Explore other colors