#37280F — Dark Muted Yellow

#37280F is a dark muted yellow in the Yellow 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.

#37280F color swatch, dark muted yellow#37280F
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f7f5f3
100#ece9e5
200#ded8cf
300#cabfae
400#b0a087
500#9b886b
600#89765b
700#726249
800#5f513b
900#514531
950#30281b

Accessibility

Contrast on white
14.26:1
Contrast on black
1.47: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 78.2); /* #f7f5f3 */
  --brand-100: oklch(0.936 0.007 78.2); /* #ece9e5 */
  --brand-200: oklch(0.885 0.015 78.2); /* #ded8cf */
  --brand-300: oklch(0.808 0.026 78.2); /* #cabfae */
  --brand-400: oklch(0.712 0.039 78.2); /* #b0a087 */
  --brand-500: oklch(0.637 0.047 78.2); /* #9b886b */
  --brand-600: oklch(0.577 0.046 78.2); /* #89765b */
  --brand-700: oklch(0.505 0.043 78.2); /* #726249 */
  --brand-800: oklch(0.444 0.038 78.2); /* #5f513b */
  --brand-900: oklch(0.396 0.035 78.2); /* #514531 */
  --brand-950: oklch(0.281 0.024 78.2); /* #30281b */
}

Explore other colors