#C8A09A — Red

#C8A09A is a red in the Red 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.

#C8A09A color swatch, red#C8A09A
CSS Namedarkgray (closest)

Tints and shades (50–950)

50#f8f4f4
100#efe8e7
200#e3d5d3
300#d2bab6
400#bb9993
500#a8807a
600#956f69
700#7d5b56
800#694b47
900#593f3b
950#352422

Accessibility

Contrast on white
2.35:1
Contrast on black
8.95: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 28.2); /* #f8f4f4 */
  --brand-100: oklch(0.936 0.008 28.2); /* #efe8e7 */
  --brand-200: oklch(0.885 0.016 28.2); /* #e3d5d3 */
  --brand-300: oklch(0.808 0.029 28.2); /* #d2bab6 */
  --brand-400: oklch(0.712 0.042 28.2); /* #bb9993 */
  --brand-500: oklch(0.637 0.051 28.2); /* #a8807a */
  --brand-600: oklch(0.577 0.05 28.2); /* #956f69 */
  --brand-700: oklch(0.505 0.047 28.2); /* #7d5b56 */
  --brand-800: oklch(0.444 0.042 28.2); /* #694b47 */
  --brand-900: oklch(0.396 0.038 28.2); /* #593f3b */
  --brand-950: oklch(0.281 0.026 28.2); /* #352422 */
}

Explore other colors