#ECD2D1Light Muted Red

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

#ECD2D1
CSS Namegainsboro (closest)

Tints and shades (50–950)

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

Accessibility

Contrast on white
1.43:1
Contrast on black
14.71: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.4); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.005 20.4); /* #ede9e8 */
  --brand-200: oklch(0.885 0.009 20.4); /* #dfd7d6 */
  --brand-300: oklch(0.808 0.017 20.4); /* #cbbcbc */
  --brand-400: oklch(0.712 0.025 20.4); /* #b29c9b */
  --brand-500: oklch(0.637 0.031 20.4); /* #9d8483 */
  --brand-600: oklch(0.577 0.03 20.4); /* #8b7372 */
  --brand-700: oklch(0.505 0.028 20.4); /* #745f5e */
  --brand-800: oklch(0.444 0.025 20.4); /* #614e4e */
  --brand-900: oklch(0.396 0.023 20.4); /* #524241 */
  --brand-950: oklch(0.281 0.016 20.4); /* #312626 */
}

Explore other colors