#32231F — Dark Muted Orange

#32231F 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.

#32231F color swatch, dark muted orange#32231F
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ece9e8
200#ded7d5
300#c9bdba
400#af9e99
500#9a8681
600#87756f
700#71605c
800#5f504c
900#504340
950#2f2725

Accessibility

Contrast on white
15.04:1
Contrast on black
1.40: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 35.4); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.004 35.4); /* #ece9e8 */
  --brand-200: oklch(0.885 0.008 35.4); /* #ded7d5 */
  --brand-300: oklch(0.808 0.014 35.4); /* #c9bdba */
  --brand-400: oklch(0.712 0.021 35.4); /* #af9e99 */
  --brand-500: oklch(0.637 0.026 35.4); /* #9a8681 */
  --brand-600: oklch(0.577 0.025 35.4); /* #87756f */
  --brand-700: oklch(0.505 0.024 35.4); /* #71605c */
  --brand-800: oklch(0.444 0.021 35.4); /* #5f504c */
  --brand-900: oklch(0.396 0.019 35.4); /* #504340 */
  --brand-950: oklch(0.281 0.013 35.4); /* #2f2725 */
}

Explore other colors