#AEA08FMuted Amber

#AEA08F is a 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.

#AEA08F
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f6f5f4
100#ece9e6
200#ddd8d2
300#c7bfb5
400#aca091
500#978977
600#857766
700#6f6253
800#5c5245
900#4e4539
950#2e2821

Accessibility

Contrast on white
2.55:1
Contrast on black
8.22:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whiteFail
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • UI components (3:1) on whiteFail

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 72.7); /* #f6f5f4 */
  --brand-100: oklch(0.936 0.005 72.7); /* #ece9e6 */
  --brand-200: oklch(0.885 0.009 72.7); /* #ddd8d2 */
  --brand-300: oklch(0.808 0.017 72.7); /* #c7bfb5 */
  --brand-400: oklch(0.712 0.025 72.7); /* #aca091 */
  --brand-500: oklch(0.637 0.031 72.7); /* #978977 */
  --brand-600: oklch(0.577 0.03 72.7); /* #857766 */
  --brand-700: oklch(0.505 0.028 72.7); /* #6f6253 */
  --brand-800: oklch(0.444 0.025 72.7); /* #5c5245 */
  --brand-900: oklch(0.396 0.023 72.7); /* #4e4539 */
  --brand-950: oklch(0.281 0.016 72.7); /* #2e2821 */
}

Explore other colors