#2D201C — Dark Muted Orange

#2D201C is a dark muted orange in the Orange 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.

#2D201C color swatch, dark muted orange#2D201C
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9e8
200#ded8d6
300#c8beba
400#ad9e9a
500#988781
600#867570
700#70615c
800#5d504c
900#4f4440
950#2f2725

Accessibility

Contrast on white
15.73:1
Contrast on black
1.33: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 37.8); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.003 37.8); /* #ece9e8 */
  --brand-200: oklch(0.885 0.007 37.8); /* #ded8d6 */
  --brand-300: oklch(0.808 0.013 37.8); /* #c8beba */
  --brand-400: oklch(0.712 0.019 37.8); /* #ad9e9a */
  --brand-500: oklch(0.637 0.023 37.8); /* #988781 */
  --brand-600: oklch(0.577 0.022 37.8); /* #867570 */
  --brand-700: oklch(0.505 0.021 37.8); /* #70615c */
  --brand-800: oklch(0.444 0.019 37.8); /* #5d504c */
  --brand-900: oklch(0.396 0.017 37.8); /* #4f4440 */
  --brand-950: oklch(0.281 0.012 37.8); /* #2f2725 */
}

Explore other colors