#E8D8BB — Light Muted Yellow

#E8D8BB is a light muted yellow in the Yellow 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.

#E8D8BB color swatch, light muted yellow#E8D8BB
CSS Namewheat (closest)

Tints and shades (50–950)

50#f6f5f3
100#ece9e5
200#ded8cf
300#c8bfaf
400#aea088
500#99896d
600#86775c
700#70634a
800#5e523c
900#4f4532
950#2f281c

Accessibility

Contrast on white
1.40:1
Contrast on black
14.97: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.003 82.5); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 82.5); /* #ece9e5 */
  --brand-200: oklch(0.885 0.014 82.5); /* #ded8cf */
  --brand-300: oklch(0.808 0.025 82.5); /* #c8bfaf */
  --brand-400: oklch(0.712 0.037 82.5); /* #aea088 */
  --brand-500: oklch(0.637 0.045 82.5); /* #99896d */
  --brand-600: oklch(0.577 0.044 82.5); /* #86775c */
  --brand-700: oklch(0.505 0.041 82.5); /* #70634a */
  --brand-800: oklch(0.444 0.037 82.5); /* #5e523c */
  --brand-900: oklch(0.396 0.033 82.5); /* #4f4532 */
  --brand-950: oklch(0.281 0.023 82.5); /* #2f281c */
}

Explore other colors