#B3A489 — Muted Yellow

#B3A489 is a muted yellow in the Yellow family. In practice it looks like an earthy, muted medium taupe, and it is also commonly known as Taupe, Warm Gray. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#B3A489 color swatch, muted yellow#B3A489
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ece9e5
200#ddd8cf
300#c8bfaf
400#ada089
500#98896e
600#86775d
700#70634b
800#5e523d
900#4f4533
950#2f281c

Accessibility

Contrast on white
2.45:1
Contrast on black
8.59: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 82.3); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 82.3); /* #ece9e5 */
  --brand-200: oklch(0.885 0.013 82.3); /* #ddd8cf */
  --brand-300: oklch(0.808 0.024 82.3); /* #c8bfaf */
  --brand-400: oklch(0.712 0.036 82.3); /* #ada089 */
  --brand-500: oklch(0.637 0.043 82.3); /* #98896e */
  --brand-600: oklch(0.577 0.043 82.3); /* #86775d */
  --brand-700: oklch(0.505 0.04 82.3); /* #70634b */
  --brand-800: oklch(0.444 0.036 82.3); /* #5e523d */
  --brand-900: oklch(0.396 0.032 82.3); /* #4f4533 */
  --brand-950: oklch(0.281 0.023 82.3); /* #2f281c */
}

Explore other colors