#745D5E — Deep Muted Red

#745D5E 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.

#745D5E color swatch, deep muted red#745D5E
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f7f5f5
100#ede9e9
200#dfd7d7
300#cbbcbc
400#b29c9d
500#9e8485
600#8b7273
700#745e5f
800#614e4f
900#534242
950#312626

Accessibility

Contrast on white
6.05: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 15.3); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.005 15.3); /* #ede9e9 */
  --brand-200: oklch(0.885 0.01 15.3); /* #dfd7d7 */
  --brand-300: oklch(0.808 0.018 15.3); /* #cbbcbc */
  --brand-400: oklch(0.712 0.026 15.3); /* #b29c9d */
  --brand-500: oklch(0.637 0.032 15.3); /* #9e8485 */
  --brand-600: oklch(0.577 0.031 15.3); /* #8b7273 */
  --brand-700: oklch(0.505 0.029 15.3); /* #745e5f */
  --brand-800: oklch(0.444 0.026 15.3); /* #614e4f */
  --brand-900: oklch(0.396 0.023 15.3); /* #534242 */
  --brand-950: oklch(0.281 0.016 15.3); /* #312626 */
}

Explore other colors