#A4847B — Muted Orange

#A4847B is a muted orange in the Orange 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.

#A4847B color swatch, muted orange#A4847B
CSS Namerosybrown (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e7
200#e2d6d3
300#cfbbb5
400#b79b93
500#a48279
600#917168
700#7a5d55
800#664d46
900#57413b
950#332521

Accessibility

Contrast on white
3.41:1
Contrast on black
6.17:1
  • AA (4.5:1) on whiteFail
  • AA Large (3:1) on whitePass
  • AAA (7:1) on whiteFail
  • AAA Large (4.5:1) on whiteFail
  • 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 36.2); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.007 36.2); /* #eee8e7 */
  --brand-200: oklch(0.885 0.014 36.2); /* #e2d6d3 */
  --brand-300: oklch(0.808 0.025 36.2); /* #cfbbb5 */
  --brand-400: oklch(0.712 0.036 36.2); /* #b79b93 */
  --brand-500: oklch(0.637 0.044 36.2); /* #a48279 */
  --brand-600: oklch(0.577 0.043 36.2); /* #917168 */
  --brand-700: oklch(0.505 0.04 36.2); /* #7a5d55 */
  --brand-800: oklch(0.444 0.036 36.2); /* #664d46 */
  --brand-900: oklch(0.396 0.032 36.2); /* #57413b */
  --brand-950: oklch(0.281 0.023 36.2); /* #332521 */
}

Explore other colors