#E8D2D0 — Light Muted Red

#E8D2D0 is a light 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.

#E8D2D0 color swatch, light muted red#E8D2D0
CSS Namegainsboro (closest)

Tints and shades (50–950)

50#f7f5f5
100#ece9e8
200#ded7d6
300#cabdbc
400#af9d9c
500#9b8584
600#887472
700#72605e
800#5f4f4e
900#514342
950#302726

Accessibility

Contrast on white
1.44:1
Contrast on black
14.56: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.9); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.004 23.9); /* #ece9e8 */
  --brand-200: oklch(0.885 0.008 23.9); /* #ded7d6 */
  --brand-300: oklch(0.808 0.015 23.9); /* #cabdbc */
  --brand-400: oklch(0.712 0.022 23.9); /* #af9d9c */
  --brand-500: oklch(0.637 0.026 23.9); /* #9b8584 */
  --brand-600: oklch(0.577 0.025 23.9); /* #887472 */
  --brand-700: oklch(0.505 0.024 23.9); /* #72605e */
  --brand-800: oklch(0.444 0.021 23.9); /* #5f4f4e */
  --brand-900: oklch(0.396 0.019 23.9); /* #514342 */
  --brand-950: oklch(0.281 0.014 23.9); /* #302726 */
}

Explore other colors