#87795B — Yellow

#87795B 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.

#87795B color swatch, yellow#87795B
CSS Namegray (closest)

Tints and shades (50–950)

50#f6f5f3
100#eceae4
200#ddd9ce
300#c8bfad
400#aea186
500#998a69
600#867859
700#706347
800#5e523a
900#4f4530
950#2f281b

Accessibility

Contrast on white
4.27:1
Contrast on black
4.92:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whitePass

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 85.8); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 85.8); /* #eceae4 */
  --brand-200: oklch(0.885 0.015 85.8); /* #ddd9ce */
  --brand-300: oklch(0.808 0.027 85.8); /* #c8bfad */
  --brand-400: oklch(0.712 0.041 85.8); /* #aea186 */
  --brand-500: oklch(0.637 0.049 85.8); /* #998a69 */
  --brand-600: oklch(0.577 0.048 85.8); /* #867859 */
  --brand-700: oklch(0.505 0.045 85.8); /* #706347 */
  --brand-800: oklch(0.444 0.04 85.8); /* #5e523a */
  --brand-900: oklch(0.396 0.036 85.8); /* #4f4530 */
  --brand-950: oklch(0.281 0.025 85.8); /* #2f281b */
}

Explore other colors