#908A79 — Muted Yellow

#908A79 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.

#908A79 color swatch, muted yellow#908A79
CSS Namegray (closest)

Tints and shades (50–950)

50#f6f5f4
100#ebeae7
200#dbd9d3
300#c4c0b6
400#a7a293
500#918b79
600#7f7968
700#6a6455
800#585346
900#4b463b
950#2c2921

Accessibility

Contrast on white
3.44:1
Contrast on black
6.10: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.002 90.8); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.004 90.8); /* #ebeae7 */
  --brand-200: oklch(0.885 0.008 90.8); /* #dbd9d3 */
  --brand-300: oklch(0.808 0.015 90.8); /* #c4c0b6 */
  --brand-400: oklch(0.712 0.022 90.8); /* #a7a293 */
  --brand-500: oklch(0.637 0.027 90.8); /* #918b79 */
  --brand-600: oklch(0.577 0.026 90.8); /* #7f7968 */
  --brand-700: oklch(0.505 0.025 90.8); /* #6a6455 */
  --brand-800: oklch(0.444 0.022 90.8); /* #585346 */
  --brand-900: oklch(0.396 0.02 90.8); /* #4b463b */
  --brand-950: oklch(0.281 0.014 90.8); /* #2c2921 */
}

Explore other colors