#BFAD8D — Yellow

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

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

Tints and shades (50–950)

50#f7f5f3
100#ece9e4
200#ded8ce
300#cabfac
400#afa085
500#9b8968
600#887758
700#726246
800#5f5239
900#51452f
950#30281a

Accessibility

Contrast on white
2.19:1
Contrast on black
9.58: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.004 81.9); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.008 81.9); /* #ece9e4 */
  --brand-200: oklch(0.885 0.016 81.9); /* #ded8ce */
  --brand-300: oklch(0.808 0.029 81.9); /* #cabfac */
  --brand-400: oklch(0.712 0.042 81.9); /* #afa085 */
  --brand-500: oklch(0.637 0.051 81.9); /* #9b8968 */
  --brand-600: oklch(0.577 0.05 81.9); /* #887758 */
  --brand-700: oklch(0.505 0.047 81.9); /* #726246 */
  --brand-800: oklch(0.444 0.042 81.9); /* #5f5239 */
  --brand-900: oklch(0.396 0.038 81.9); /* #51452f */
  --brand-950: oklch(0.281 0.026 81.9); /* #30281a */
}

Explore other colors