#E2D6B6 — Light Muted Yellow

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

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

Tints and shades (50–950)

50#f6f5f3
100#eceae5
200#ddd9cf
300#c7c0ae
400#aba287
500#968a6b
600#84795a
700#6e6448
800#5c533b
900#4e4631
950#2e291b

Accessibility

Contrast on white
1.45:1
Contrast on black
14.53: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 89.9); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 89.9); /* #eceae5 */
  --brand-200: oklch(0.885 0.015 89.9); /* #ddd9cf */
  --brand-300: oklch(0.808 0.026 89.9); /* #c7c0ae */
  --brand-400: oklch(0.712 0.039 89.9); /* #aba287 */
  --brand-500: oklch(0.637 0.047 89.9); /* #968a6b */
  --brand-600: oklch(0.577 0.046 89.9); /* #84795a */
  --brand-700: oklch(0.505 0.043 89.9); /* #6e6448 */
  --brand-800: oklch(0.444 0.038 89.9); /* #5c533b */
  --brand-900: oklch(0.396 0.035 89.9); /* #4e4631 */
  --brand-950: oklch(0.281 0.024 89.9); /* #2e291b */
}

Explore other colors