#3C221A — Dark Muted Orange

#3C221A 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.

#3C221A color swatch, dark muted orange#3C221A
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e7
200#e2d6d3
300#d0bbb5
400#b89b92
500#a48278
600#917167
700#7a5d54
800#664d45
900#57413a
950#342521

Accessibility

Contrast on white
14.63:1
Contrast on black
1.44: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.003 37.9); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 37.9); /* #eee8e7 */
  --brand-200: oklch(0.885 0.014 37.9); /* #e2d6d3 */
  --brand-300: oklch(0.808 0.025 37.9); /* #d0bbb5 */
  --brand-400: oklch(0.712 0.037 37.9); /* #b89b92 */
  --brand-500: oklch(0.637 0.045 37.9); /* #a48278 */
  --brand-600: oklch(0.577 0.044 37.9); /* #917167 */
  --brand-700: oklch(0.505 0.041 37.9); /* #7a5d54 */
  --brand-800: oklch(0.444 0.037 37.9); /* #664d45 */
  --brand-900: oklch(0.396 0.033 37.9); /* #57413a */
  --brand-950: oklch(0.281 0.023 37.9); /* #342521 */
}

Explore other colors