#E4D7BB — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f3
100#eceae5
200#ddd9d0
300#c7c0b0
400#aca18a
500#978a6e
600#84785e
700#6f634b
800#5c533e
900#4e4633
950#2e281d

Accessibility

Contrast on white
1.43:1
Contrast on black
14.74: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 86.1); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.006 86.1); /* #eceae5 */
  --brand-200: oklch(0.885 0.013 86.1); /* #ddd9d0 */
  --brand-300: oklch(0.808 0.024 86.1); /* #c7c0b0 */
  --brand-400: oklch(0.712 0.035 86.1); /* #aca18a */
  --brand-500: oklch(0.637 0.042 86.1); /* #978a6e */
  --brand-600: oklch(0.577 0.041 86.1); /* #84785e */
  --brand-700: oklch(0.505 0.039 86.1); /* #6f634b */
  --brand-800: oklch(0.444 0.034 86.1); /* #5c533e */
  --brand-900: oklch(0.396 0.031 86.1); /* #4e4633 */
  --brand-950: oklch(0.281 0.022 86.1); /* #2e281d */
}

Explore other colors