#BDAC90 — Muted Yellow

#BDAC90 is a 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.

#BDAC90 color swatch, muted yellow#BDAC90
CSS Nametan (closest)

Tints and shades (50–950)

50#f6f5f3
100#ece9e5
200#ded8cf
300#c9bfae
400#afa088
500#9a896c
600#87775c
700#716249
800#5f523c
900#504532
950#2f281c

Accessibility

Contrast on white
2.22:1
Contrast on black
9.47: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 80.2); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 80.2); /* #ece9e5 */
  --brand-200: oklch(0.885 0.014 80.2); /* #ded8cf */
  --brand-300: oklch(0.808 0.025 80.2); /* #c9bfae */
  --brand-400: oklch(0.712 0.038 80.2); /* #afa088 */
  --brand-500: oklch(0.637 0.045 80.2); /* #9a896c */
  --brand-600: oklch(0.577 0.045 80.2); /* #87775c */
  --brand-700: oklch(0.505 0.042 80.2); /* #716249 */
  --brand-800: oklch(0.444 0.037 80.2); /* #5f523c */
  --brand-900: oklch(0.396 0.034 80.2); /* #504532 */
  --brand-950: oklch(0.281 0.024 80.2); /* #2f281c */
}

Explore other colors