#6F5F5C — Deep Muted Red

#6F5F5C is a deep muted red in the Red 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.

#6F5F5C color swatch, deep muted red#6F5F5C
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9e8
200#ded7d6
300#c8bdbb
400#ad9e9b
500#988783
600#867572
700#70615e
800#5d504e
900#4f4341
950#2f2726

Accessibility

Contrast on white
6.06:1
Contrast on black
3.47: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 30.4); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 30.4); /* #ece9e8 */
  --brand-200: oklch(0.885 0.007 30.4); /* #ded7d6 */
  --brand-300: oklch(0.808 0.013 30.4); /* #c8bdbb */
  --brand-400: oklch(0.712 0.019 30.4); /* #ad9e9b */
  --brand-500: oklch(0.637 0.022 30.4); /* #988783 */
  --brand-600: oklch(0.577 0.022 30.4); /* #867572 */
  --brand-700: oklch(0.505 0.021 30.4); /* #70615e */
  --brand-800: oklch(0.444 0.018 30.4); /* #5d504e */
  --brand-900: oklch(0.396 0.017 30.4); /* #4f4341 */
  --brand-950: oklch(0.281 0.012 30.4); /* #2f2726 */
}

Explore other colors