#D4BBB7 — Light Muted Red

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

#D4BBB7 color swatch, light muted red#D4BBB7
CSS Namesilver (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e8
200#dfd7d5
300#cbbcba
400#b29d99
500#9d8581
600#8b736f
700#745f5c
800#614f4c
900#524240
950#312625

Accessibility

Contrast on white
1.81:1
Contrast on black
11.59: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 28.6); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 28.6); /* #ede9e8 */
  --brand-200: oklch(0.885 0.01 28.6); /* #dfd7d5 */
  --brand-300: oklch(0.808 0.017 28.6); /* #cbbcba */
  --brand-400: oklch(0.712 0.025 28.6); /* #b29d99 */
  --brand-500: oklch(0.637 0.031 28.6); /* #9d8581 */
  --brand-600: oklch(0.577 0.03 28.6); /* #8b736f */
  --brand-700: oklch(0.505 0.028 28.6); /* #745f5c */
  --brand-800: oklch(0.444 0.025 28.6); /* #614f4c */
  --brand-900: oklch(0.396 0.023 28.6); /* #524240 */
  --brand-950: oklch(0.281 0.016 28.6); /* #312625 */
}

Explore other colors