#D6BCB8 — Light Muted Red

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

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

Tints and shades (50–950)

50#f7f5f4
100#ede9e8
200#e0d7d5
300#ccbcba
400#b29c99
500#9e8480
600#8b736f
700#755f5b
800#614e4c
900#534240
950#312625

Accessibility

Contrast on white
1.79:1
Contrast on black
11.74: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.2); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 28.2); /* #ede9e8 */
  --brand-200: oklch(0.885 0.01 28.2); /* #e0d7d5 */
  --brand-300: oklch(0.808 0.018 28.2); /* #ccbcba */
  --brand-400: oklch(0.712 0.026 28.2); /* #b29c99 */
  --brand-500: oklch(0.637 0.032 28.2); /* #9e8480 */
  --brand-600: oklch(0.577 0.031 28.2); /* #8b736f */
  --brand-700: oklch(0.505 0.029 28.2); /* #755f5b */
  --brand-800: oklch(0.444 0.026 28.2); /* #614e4c */
  --brand-900: oklch(0.396 0.024 28.2); /* #534240 */
  --brand-950: oklch(0.281 0.017 28.2); /* #312625 */
}

Explore other colors