#C8A4A3 — Muted Red

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

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

Tints and shades (50–950)

50#f7f5f4
100#eee8e8
200#e2d6d5
300#d0baba
400#b89999
500#a58180
600#926f6f
700#7b5c5b
800#674c4b
900#57403f
950#342524

Accessibility

Contrast on white
2.26:1
Contrast on black
9.29: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 20); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 20); /* #eee8e8 */
  --brand-200: oklch(0.885 0.014 20); /* #e2d6d5 */
  --brand-300: oklch(0.808 0.025 20); /* #d0baba */
  --brand-400: oklch(0.712 0.037 20); /* #b89999 */
  --brand-500: oklch(0.637 0.045 20); /* #a58180 */
  --brand-600: oklch(0.577 0.044 20); /* #926f6f */
  --brand-700: oklch(0.505 0.041 20); /* #7b5c5b */
  --brand-800: oklch(0.444 0.037 20); /* #674c4b */
  --brand-900: oklch(0.396 0.033 20); /* #57403f */
  --brand-950: oklch(0.281 0.023 20); /* #342524 */
}

Explore other colors