#978C6B — Yellow

#978C6B 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.

#978C6B color swatch, yellow#978C6B
CSS Namegray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae4
200#ddd9ce
300#c7c0ac
400#aba285
500#968b68
600#847958
700#6e6446
800#5c5339
900#4e462f
950#2e291a

Accessibility

Contrast on white
3.34:1
Contrast on black
6.28: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.004 91.8); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.008 91.8); /* #ebeae4 */
  --brand-200: oklch(0.885 0.016 91.8); /* #ddd9ce */
  --brand-300: oklch(0.808 0.028 91.8); /* #c7c0ac */
  --brand-400: oklch(0.712 0.042 91.8); /* #aba285 */
  --brand-500: oklch(0.637 0.051 91.8); /* #968b68 */
  --brand-600: oklch(0.577 0.05 91.8); /* #847958 */
  --brand-700: oklch(0.505 0.047 91.8); /* #6e6446 */
  --brand-800: oklch(0.444 0.042 91.8); /* #5c5339 */
  --brand-900: oklch(0.396 0.038 91.8); /* #4e462f */
  --brand-950: oklch(0.281 0.026 91.8); /* #2e291a */
}

Explore other colors