#6D6553 — Deep Muted Yellow

#6D6553 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.

#6D6553 color swatch, deep muted yellow#6D6553
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f6f5f4
100#ebeae6
200#dcd9d2
300#c5c0b4
400#a9a191
500#938a77
600#817966
700#6c6453
800#5a5344
900#4c4639
950#2c2920

Accessibility

Contrast on white
5.77:1
Contrast on black
3.64: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.002 86.9); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.005 86.9); /* #ebeae6 */
  --brand-200: oklch(0.885 0.009 86.9); /* #dcd9d2 */
  --brand-300: oklch(0.808 0.017 86.9); /* #c5c0b4 */
  --brand-400: oklch(0.712 0.025 86.9); /* #a9a191 */
  --brand-500: oklch(0.637 0.031 86.9); /* #938a77 */
  --brand-600: oklch(0.577 0.03 86.9); /* #817966 */
  --brand-700: oklch(0.505 0.028 86.9); /* #6c6453 */
  --brand-800: oklch(0.444 0.025 86.9); /* #5a5344 */
  --brand-900: oklch(0.396 0.023 86.9); /* #4c4639 */
  --brand-950: oklch(0.281 0.016 86.9); /* #2c2920 */
}

Explore other colors