#D2B9B2 — Light Muted Orange

#D2B9B2 is a light muted orange in the Orange 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.

#D2B9B2 color swatch, light muted orange#D2B9B2
CSS Namesilver (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e8
200#dfd7d5
300#cbbdb8
400#b29d97
500#9d857e
600#8b736d
700#745f59
800#614f4a
900#52423e
950#312623

Accessibility

Contrast on white
1.85:1
Contrast on black
11.32: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 36.2); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 36.2); /* #ede9e8 */
  --brand-200: oklch(0.885 0.01 36.2); /* #dfd7d5 */
  --brand-300: oklch(0.808 0.018 36.2); /* #cbbdb8 */
  --brand-400: oklch(0.712 0.027 36.2); /* #b29d97 */
  --brand-500: oklch(0.637 0.032 36.2); /* #9d857e */
  --brand-600: oklch(0.577 0.031 36.2); /* #8b736d */
  --brand-700: oklch(0.505 0.029 36.2); /* #745f59 */
  --brand-800: oklch(0.444 0.026 36.2); /* #614f4a */
  --brand-900: oklch(0.396 0.024 36.2); /* #52423e */
  --brand-950: oklch(0.281 0.017 36.2); /* #312623 */
}

Explore other colors