#E3D7BE — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f3
100#ebeae6
200#ddd9d1
300#c6c0b1
400#aba18c
500#968a72
600#837861
700#6e634e
800#5b5340
900#4d4636
950#2e291e

Accessibility

Contrast on white
1.43:1
Contrast on black
14.73: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 85.4); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.006 85.4); /* #ebeae6 */
  --brand-200: oklch(0.885 0.012 85.4); /* #ddd9d1 */
  --brand-300: oklch(0.808 0.021 85.4); /* #c6c0b1 */
  --brand-400: oklch(0.712 0.031 85.4); /* #aba18c */
  --brand-500: oklch(0.637 0.038 85.4); /* #968a72 */
  --brand-600: oklch(0.577 0.037 85.4); /* #837861 */
  --brand-700: oklch(0.505 0.035 85.4); /* #6e634e */
  --brand-800: oklch(0.444 0.031 85.4); /* #5b5340 */
  --brand-900: oklch(0.396 0.028 85.4); /* #4d4636 */
  --brand-950: oklch(0.281 0.02 85.4); /* #2e291e */
}

Explore other colors