#37211F — Dark Muted Red

#37211F is a dark muted red in the Red family. In practice it looks like an earthy, muted dark dark brown, and it is also commonly known as Dark Brown, Espresso. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#37211F color swatch, dark muted red#37211F
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede8e8
200#e0d6d5
300#cdbcba
400#b49b99
500#a08380
600#8e726f
700#775e5b
800#634e4b
900#54413f
950#322624

Accessibility

Contrast on white
15.00:1
Contrast on black
1.40:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whitePass
  • 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 25.2); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 25.2); /* #ede8e8 */
  --brand-200: oklch(0.885 0.011 25.2); /* #e0d6d5 */
  --brand-300: oklch(0.808 0.02 25.2); /* #cdbcba */
  --brand-400: oklch(0.712 0.03 25.2); /* #b49b99 */
  --brand-500: oklch(0.637 0.036 25.2); /* #a08380 */
  --brand-600: oklch(0.577 0.036 25.2); /* #8e726f */
  --brand-700: oklch(0.505 0.033 25.2); /* #775e5b */
  --brand-800: oklch(0.444 0.03 25.2); /* #634e4b */
  --brand-900: oklch(0.396 0.027 25.2); /* #54413f */
  --brand-950: oklch(0.281 0.019 25.2); /* #322624 */
}

Explore other colors