#35221A — Dark Muted Orange

#35221A 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.

#35221A color swatch, dark muted orange#35221A
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f4
100#ede9e7
200#e0d7d3
300#ccbdb6
400#b29d94
500#9e857b
600#8b736a
700#755f56
800#624f47
900#53423c
950#312622

Accessibility

Contrast on white
15.05: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 43.7); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 43.7); /* #ede9e7 */
  --brand-200: oklch(0.885 0.011 43.7); /* #e0d7d3 */
  --brand-300: oklch(0.808 0.019 43.7); /* #ccbdb6 */
  --brand-400: oklch(0.712 0.029 43.7); /* #b29d94 */
  --brand-500: oklch(0.637 0.034 43.7); /* #9e857b */
  --brand-600: oklch(0.577 0.034 43.7); /* #8b736a */
  --brand-700: oklch(0.505 0.032 43.7); /* #755f56 */
  --brand-800: oklch(0.444 0.028 43.7); /* #624f47 */
  --brand-900: oklch(0.396 0.025 43.7); /* #53423c */
  --brand-950: oklch(0.281 0.018 43.7); /* #312622 */
}

Explore other colors