#BDAB8D — Yellow

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

#BDAB8D color swatch, yellow#BDAB8D
CSS Nametan (closest)

Tints and shades (50–950)

50#f7f5f3
100#ece9e4
200#ded8ce
300#cabfad
400#afa086
500#9b896a
600#887759
700#726247
800#5f513a
900#514530
950#30281b

Accessibility

Contrast on white
2.24:1
Contrast on black
9.37: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.5); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.007 80.5); /* #ece9e4 */
  --brand-200: oklch(0.885 0.015 80.5); /* #ded8ce */
  --brand-300: oklch(0.808 0.027 80.5); /* #cabfad */
  --brand-400: oklch(0.712 0.04 80.5); /* #afa086 */
  --brand-500: oklch(0.637 0.049 80.5); /* #9b896a */
  --brand-600: oklch(0.577 0.048 80.5); /* #887759 */
  --brand-700: oklch(0.505 0.045 80.5); /* #726247 */
  --brand-800: oklch(0.444 0.04 80.5); /* #5f513a */
  --brand-900: oklch(0.396 0.036 80.5); /* #514530 */
  --brand-950: oklch(0.281 0.025 80.5); /* #30281b */
}

Explore other colors