#E2CDC8Light Muted Red

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

#E2CDC8
CSS Namelightgray (closest)

Tints and shades (50–950)

50#f7f5f5
100#ece9e8
200#ded7d6
300#c9bdba
400#af9e99
500#9a8681
600#887470
700#72605c
800#5f504c
900#504340
950#2f2725

Accessibility

Contrast on white
1.52:1
Contrast on black
13.80: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 33.6); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.004 33.6); /* #ece9e8 */
  --brand-200: oklch(0.885 0.008 33.6); /* #ded7d6 */
  --brand-300: oklch(0.808 0.014 33.6); /* #c9bdba */
  --brand-400: oklch(0.712 0.021 33.6); /* #af9e99 */
  --brand-500: oklch(0.637 0.026 33.6); /* #9a8681 */
  --brand-600: oklch(0.577 0.025 33.6); /* #887470 */
  --brand-700: oklch(0.505 0.024 33.6); /* #72605c */
  --brand-800: oklch(0.444 0.021 33.6); /* #5f504c */
  --brand-900: oklch(0.396 0.019 33.6); /* #504340 */
  --brand-950: oklch(0.281 0.013 33.6); /* #2f2725 */
}

Explore other colors