#38271F — Dark Muted Orange

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

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

Tints and shades (50–950)

50#f7f5f4
100#ede9e7
200#dfd7d4
300#cabdb7
400#b19e95
500#9c867c
600#89746b
700#736057
800#605048
900#51433c
950#302722

Accessibility

Contrast on white
14.21:1
Contrast on black
1.48: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 46.3); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.005 46.3); /* #ede9e7 */
  --brand-200: oklch(0.885 0.01 46.3); /* #dfd7d4 */
  --brand-300: oklch(0.808 0.017 46.3); /* #cabdb7 */
  --brand-400: oklch(0.712 0.026 46.3); /* #b19e95 */
  --brand-500: oklch(0.637 0.031 46.3); /* #9c867c */
  --brand-600: oklch(0.577 0.03 46.3); /* #89746b */
  --brand-700: oklch(0.505 0.028 46.3); /* #736057 */
  --brand-800: oklch(0.444 0.025 46.3); /* #605048 */
  --brand-900: oklch(0.396 0.023 46.3); /* #51433c */
  --brand-950: oklch(0.281 0.016 46.3); /* #302722 */
}

Explore other colors