#E9D7DCLight Muted Crimson

#E9D7DC is a light muted crimson in the Crimson 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.

#E9D7DC
CSS Namegainsboro (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9ea
200#ddd7d9
300#c7bdc0
400#ac9ea2
500#97868b
600#857479
700#6f6064
800#5d5053
900#4e4346
950#2e2729

Accessibility

Contrast on white
1.38:1
Contrast on black
15.22: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 358.7); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 358.7); /* #ece9ea */
  --brand-200: oklch(0.885 0.007 358.7); /* #ddd7d9 */
  --brand-300: oklch(0.808 0.012 358.7); /* #c7bdc0 */
  --brand-400: oklch(0.712 0.018 358.7); /* #ac9ea2 */
  --brand-500: oklch(0.637 0.022 358.7); /* #97868b */
  --brand-600: oklch(0.577 0.022 358.7); /* #857479 */
  --brand-700: oklch(0.505 0.02 358.7); /* #6f6064 */
  --brand-800: oklch(0.444 0.018 358.7); /* #5d5053 */
  --brand-900: oklch(0.396 0.016 358.7); /* #4e4346 */
  --brand-950: oklch(0.281 0.011 358.7); /* #2e2729 */
}

Explore other colors