#B6A282 — Yellow

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

#B6A282 color swatch, yellow#B6A282
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f7f5f3
100#ede9e4
200#dfd8cd
300#cbbfac
400#b1a084
500#9c8867
600#8a7657
700#746245
800#605138
900#52442e
950#30281a

Accessibility

Contrast on white
2.48:1
Contrast on black
8.48: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 79.4); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.008 79.4); /* #ede9e4 */
  --brand-200: oklch(0.885 0.016 79.4); /* #dfd8cd */
  --brand-300: oklch(0.808 0.029 79.4); /* #cbbfac */
  --brand-400: oklch(0.712 0.044 79.4); /* #b1a084 */
  --brand-500: oklch(0.637 0.052 79.4); /* #9c8867 */
  --brand-600: oklch(0.577 0.051 79.4); /* #8a7657 */
  --brand-700: oklch(0.505 0.048 79.4); /* #746245 */
  --brand-800: oklch(0.444 0.043 79.4); /* #605138 */
  --brand-900: oklch(0.396 0.039 79.4); /* #52442e */
  --brand-950: oklch(0.281 0.027 79.4); /* #30281a */
}

Explore other colors