#80785B — Muted Yellow

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

#80785B color swatch, muted yellow#80785B
CSS Namegray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae5
200#dcd9cf
300#c5c0ae
400#a9a288
500#948b6c
600#82795c
700#6c6549
800#5a543c
900#4c4732
950#2d291c

Accessibility

Contrast on white
4.42:1
Contrast on black
4.76: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 94.5); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 94.5); /* #ebeae5 */
  --brand-200: oklch(0.885 0.014 94.5); /* #dcd9cf */
  --brand-300: oklch(0.808 0.025 94.5); /* #c5c0ae */
  --brand-400: oklch(0.712 0.038 94.5); /* #a9a288 */
  --brand-500: oklch(0.637 0.045 94.5); /* #948b6c */
  --brand-600: oklch(0.577 0.045 94.5); /* #82795c */
  --brand-700: oklch(0.505 0.042 94.5); /* #6c6549 */
  --brand-800: oklch(0.444 0.037 94.5); /* #5a543c */
  --brand-900: oklch(0.396 0.034 94.5); /* #4c4732 */
  --brand-950: oklch(0.281 0.024 94.5); /* #2d291c */
}

Explore other colors