#30221E — Dark Muted Orange

#30221E 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.

#30221E color swatch, dark muted orange#30221E
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f6f5f5
100#ece9e8
200#ded7d6
300#c9bdba
400#ae9e9a
500#998781
600#877570
700#71615c
800#5e504c
900#504340
950#2f2725

Accessibility

Contrast on white
15.29: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.002 36.5); /* #f6f5f5 */
  --brand-100: oklch(0.936 0.004 36.5); /* #ece9e8 */
  --brand-200: oklch(0.885 0.007 36.5); /* #ded7d6 */
  --brand-300: oklch(0.808 0.013 36.5); /* #c9bdba */
  --brand-400: oklch(0.712 0.02 36.5); /* #ae9e9a */
  --brand-500: oklch(0.637 0.024 36.5); /* #998781 */
  --brand-600: oklch(0.577 0.024 36.5); /* #877570 */
  --brand-700: oklch(0.505 0.022 36.5); /* #71615c */
  --brand-800: oklch(0.444 0.02 36.5); /* #5e504c */
  --brand-900: oklch(0.396 0.018 36.5); /* #504340 */
  --brand-950: oklch(0.281 0.013 36.5); /* #2f2725 */
}

Explore other colors