#70614B — Deep Muted Yellow

#70614B is a deep 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.

#70614B color swatch, deep muted yellow#70614B
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ece9e5
200#ded8d0
300#c9bfb1
400#aea08b
500#998970
600#87775f
700#71624d
800#5e523f
900#504535
950#2f281e

Accessibility

Contrast on white
6.00:1
Contrast on black
3.50:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whitePass
  • 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 77.2); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.006 77.2); /* #ece9e5 */
  --brand-200: oklch(0.885 0.012 77.2); /* #ded8d0 */
  --brand-300: oklch(0.808 0.023 77.2); /* #c9bfb1 */
  --brand-400: oklch(0.712 0.033 77.2); /* #aea08b */
  --brand-500: oklch(0.637 0.04 77.2); /* #998970 */
  --brand-600: oklch(0.577 0.039 77.2); /* #87775f */
  --brand-700: oklch(0.505 0.037 77.2); /* #71624d */
  --brand-800: oklch(0.444 0.033 77.2); /* #5e523f */
  --brand-900: oklch(0.396 0.03 77.2); /* #504535 */
  --brand-950: oklch(0.281 0.021 77.2); /* #2f281e */
}

Explore other colors