#D5BCBB — Light Muted Red

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

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

Tints and shades (50–950)

50#f7f5f5
100#ede9e8
200#dfd7d6
300#cbbcbc
400#b19c9b
500#9d8483
600#8a7372
700#745f5e
800#614e4e
900#524242
950#312626

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 20.5); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.005 20.5); /* #ede9e8 */
  --brand-200: oklch(0.885 0.009 20.5); /* #dfd7d6 */
  --brand-300: oklch(0.808 0.017 20.5); /* #cbbcbc */
  --brand-400: oklch(0.712 0.025 20.5); /* #b19c9b */
  --brand-500: oklch(0.637 0.03 20.5); /* #9d8483 */
  --brand-600: oklch(0.577 0.029 20.5); /* #8a7372 */
  --brand-700: oklch(0.505 0.028 20.5); /* #745f5e */
  --brand-800: oklch(0.444 0.025 20.5); /* #614e4e */
  --brand-900: oklch(0.396 0.022 20.5); /* #524242 */
  --brand-950: oklch(0.281 0.016 20.5); /* #312626 */
}

Explore other colors