#2F211F — Dark Muted Red

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

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

Tints and shades (50–950)

50#f6f5f5
100#ece9e8
200#ded7d6
300#c9bdbc
400#ae9e9b
500#998683
600#877572
700#70605e
800#5e504e
900#504341
950#2f2726

Accessibility

Contrast on white
15.46:1
Contrast on black
1.36: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.9); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 27.9); /* #ece9e8 */
  --brand-200: oklch(0.885 0.007 27.9); /* #ded7d6 */
  --brand-300: oklch(0.808 0.013 27.9); /* #c9bdbc */
  --brand-400: oklch(0.712 0.019 27.9); /* #ae9e9b */
  --brand-500: oklch(0.637 0.023 27.9); /* #998683 */
  --brand-600: oklch(0.577 0.023 27.9); /* #877572 */
  --brand-700: oklch(0.505 0.021 27.9); /* #70605e */
  --brand-800: oklch(0.444 0.019 27.9); /* #5e504e */
  --brand-900: oklch(0.396 0.017 27.9); /* #504341 */
  --brand-950: oklch(0.281 0.012 27.9); /* #2f2726 */
}

Explore other colors