#C8A494 — Orange

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

#C8A494 color swatch, orange#C8A494
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f8f5f3
100#eee8e6
200#e3d6d1
300#d1bbb1
400#ba9a8d
500#a68272
600#937161
700#7c5d4e
800#684d40
900#584036
950#34251e

Accessibility

Contrast on white
2.28:1
Contrast on black
9.19: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.004 45.3); /* #f8f5f3 */
  --brand-100: oklch(0.936 0.008 45.3); /* #eee8e6 */
  --brand-200: oklch(0.885 0.016 45.3); /* #e3d6d1 */
  --brand-300: oklch(0.808 0.028 45.3); /* #d1bbb1 */
  --brand-400: oklch(0.712 0.042 45.3); /* #ba9a8d */
  --brand-500: oklch(0.637 0.051 45.3); /* #a68272 */
  --brand-600: oklch(0.577 0.05 45.3); /* #937161 */
  --brand-700: oklch(0.505 0.047 45.3); /* #7c5d4e */
  --brand-800: oklch(0.444 0.042 45.3); /* #684d40 */
  --brand-900: oklch(0.396 0.038 45.3); /* #584036 */
  --brand-950: oklch(0.281 0.026 45.3); /* #34251e */
}

Explore other colors