#6D6158 — Deep Muted Amber

#6D6158 is a deep muted amber in the Amber family. In practice it looks like an earthy, muted medium taupe, and it is also commonly known as Taupe, Warm Gray. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#6D6158 color swatch, deep muted amber#6D6158
CSS Namedimgray (closest)

Tints and shades (50–950)

50#f6f5f4
100#ebe9e8
200#ddd8d5
300#c7bfb9
400#aba097
500#96887e
600#83776d
700#6e6259
800#5b514a
900#4d453e
950#2e2824

Accessibility

Contrast on white
6.00:1
Contrast on black
3.50:1
  • AA (4.5:1) on whitePass
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • 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 59.2); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.003 59.2); /* #ebe9e8 */
  --brand-200: oklch(0.885 0.007 59.2); /* #ddd8d5 */
  --brand-300: oklch(0.808 0.012 59.2); /* #c7bfb9 */
  --brand-400: oklch(0.712 0.018 59.2); /* #aba097 */
  --brand-500: oklch(0.637 0.022 59.2); /* #96887e */
  --brand-600: oklch(0.577 0.021 59.2); /* #83776d */
  --brand-700: oklch(0.505 0.02 59.2); /* #6e6259 */
  --brand-800: oklch(0.444 0.018 59.2); /* #5b514a */
  --brand-900: oklch(0.396 0.016 59.2); /* #4d453e */
  --brand-950: oklch(0.281 0.011 59.2); /* #2e2824 */
}

Explore other colors