#E3DCBB — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f3
100#ebeae5
200#dbd9cf
300#c5c1ae
400#a9a387
500#938c6b
600#817a5b
700#6b6549
800#59543b
900#4c4731
950#2c291b

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.003 97.3); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 97.3); /* #ebeae5 */
  --brand-200: oklch(0.885 0.014 97.3); /* #dbd9cf */
  --brand-300: oklch(0.808 0.026 97.3); /* #c5c1ae */
  --brand-400: oklch(0.712 0.039 97.3); /* #a9a387 */
  --brand-500: oklch(0.637 0.047 97.3); /* #938c6b */
  --brand-600: oklch(0.577 0.046 97.3); /* #817a5b */
  --brand-700: oklch(0.505 0.043 97.3); /* #6b6549 */
  --brand-800: oklch(0.444 0.038 97.3); /* #59543b */
  --brand-900: oklch(0.396 0.034 97.3); /* #4c4731 */
  --brand-950: oklch(0.281 0.024 97.3); /* #2c291b */
}

Explore other colors