#2A2417 — Dark Muted Yellow

#2A2417 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.

#2A2417 color swatch, dark muted yellow#2A2417
CSS Namedarkslategray (closest)

Tints and shades (50–950)

50#f6f5f4
100#ebeae7
200#dbd9d3
300#c4c0b6
400#a8a194
500#928a7a
600#807969
700#6b6456
800#595347
900#4b463b
950#2c2922

Accessibility

Contrast on white
15.41:1
Contrast on black
1.36: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 85.9); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.004 85.9); /* #ebeae7 */
  --brand-200: oklch(0.885 0.008 85.9); /* #dbd9d3 */
  --brand-300: oklch(0.808 0.014 85.9); /* #c4c0b6 */
  --brand-400: oklch(0.712 0.021 85.9); /* #a8a194 */
  --brand-500: oklch(0.637 0.026 85.9); /* #928a7a */
  --brand-600: oklch(0.577 0.025 85.9); /* #807969 */
  --brand-700: oklch(0.505 0.023 85.9); /* #6b6456 */
  --brand-800: oklch(0.444 0.021 85.9); /* #595347 */
  --brand-900: oklch(0.396 0.019 85.9); /* #4b463b */
  --brand-950: oklch(0.281 0.013 85.9); /* #2c2922 */
}

Explore other colors