#7D5954 — Deep Red

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

#7D5954 color swatch, deep red#7D5954
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f8f4f4
100#efe8e7
200#e3d5d3
300#d2bab6
400#bb9994
500#a8807a
600#956e69
700#7e5b56
800#694b47
900#593f3b
950#352422

Accessibility

Contrast on white
6.12:1
Contrast on black
3.43: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.004 27.8); /* #f8f4f4 */
  --brand-100: oklch(0.936 0.008 27.8); /* #efe8e7 */
  --brand-200: oklch(0.885 0.016 27.8); /* #e3d5d3 */
  --brand-300: oklch(0.808 0.029 27.8); /* #d2bab6 */
  --brand-400: oklch(0.712 0.042 27.8); /* #bb9994 */
  --brand-500: oklch(0.637 0.051 27.8); /* #a8807a */
  --brand-600: oklch(0.577 0.05 27.8); /* #956e69 */
  --brand-700: oklch(0.505 0.047 27.8); /* #7e5b56 */
  --brand-800: oklch(0.444 0.042 27.8); /* #694b47 */
  --brand-900: oklch(0.396 0.038 27.8); /* #593f3b */
  --brand-950: oklch(0.281 0.027 27.8); /* #352422 */
}

Explore other colors