#30280D — Dark Muted Yellow

#30280D 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.

#30280D color swatch, dark muted yellow#30280D
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f6f5f3
100#ebeae5
200#dcd9cf
300#c6c0ae
400#aaa288
500#958b6c
600#82795b
700#6d6449
800#5b533c
900#4d4632
950#2d291c

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 92.9); /* #f6f5f3 */
  --brand-100: oklch(0.936 0.007 92.9); /* #ebeae5 */
  --brand-200: oklch(0.885 0.014 92.9); /* #dcd9cf */
  --brand-300: oklch(0.808 0.026 92.9); /* #c6c0ae */
  --brand-400: oklch(0.712 0.038 92.9); /* #aaa288 */
  --brand-500: oklch(0.637 0.046 92.9); /* #958b6c */
  --brand-600: oklch(0.577 0.045 92.9); /* #82795b */
  --brand-700: oklch(0.505 0.042 92.9); /* #6d6449 */
  --brand-800: oklch(0.444 0.037 92.9); /* #5b533c */
  --brand-900: oklch(0.396 0.034 92.9); /* #4d4632 */
  --brand-950: oklch(0.281 0.024 92.9); /* #2d291c */
}

Explore other colors