#2F2222 — Dark Muted Red

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

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

Tints and shades (50–950)

50#f6f5f5
100#ece9e9
200#ddd7d7
300#c8bdbd
400#ad9e9e
500#988686
600#857575
700#6f6060
800#5d5050
900#4f4343
950#2e2727

Accessibility

Contrast on white
15.30:1
Contrast on black
1.37: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.001 18.5); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 18.5); /* #ece9e9 */
  --brand-200: oklch(0.885 0.007 18.5); /* #ddd7d7 */
  --brand-300: oklch(0.808 0.012 18.5); /* #c8bdbd */
  --brand-400: oklch(0.712 0.017 18.5); /* #ad9e9e */
  --brand-500: oklch(0.637 0.021 18.5); /* #988686 */
  --brand-600: oklch(0.577 0.021 18.5); /* #857575 */
  --brand-700: oklch(0.505 0.019 18.5); /* #6f6060 */
  --brand-800: oklch(0.444 0.017 18.5); /* #5d5050 */
  --brand-900: oklch(0.396 0.016 18.5); /* #4f4343 */
  --brand-950: oklch(0.281 0.011 18.5); /* #2e2727 */
}

Explore other colors