#2F201E — Dark Muted Red

#2F201E 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.

#2F201E color swatch, dark muted red#2F201E
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f5
100#ece9e8
200#ded7d6
300#c9bdbb
400#af9e9b
500#9a8683
600#877472
700#71605d
800#5f504d
900#504341
950#2f2726

Accessibility

Contrast on white
15.60:1
Contrast on black
1.35: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.002 27.4); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.004 27.4); /* #ece9e8 */
  --brand-200: oklch(0.885 0.008 27.4); /* #ded7d6 */
  --brand-300: oklch(0.808 0.014 27.4); /* #c9bdbb */
  --brand-400: oklch(0.712 0.021 27.4); /* #af9e9b */
  --brand-500: oklch(0.637 0.025 27.4); /* #9a8683 */
  --brand-600: oklch(0.577 0.024 27.4); /* #877472 */
  --brand-700: oklch(0.505 0.023 27.4); /* #71605d */
  --brand-800: oklch(0.444 0.02 27.4); /* #5f504d */
  --brand-900: oklch(0.396 0.018 27.4); /* #504341 */
  --brand-950: oklch(0.281 0.013 27.4); /* #2f2726 */
}

Explore other colors