#AF8882Red

#AF8882 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.

#AF8882
CSS Namerosybrown (closest)

Tints and shades (50–950)

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

Accessibility

Contrast on white
3.15:1
Contrast on black
6.67: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.004 28.5); /* #f8f4f4 */
  --brand-100: oklch(0.936 0.008 28.5); /* #efe8e7 */
  --brand-200: oklch(0.885 0.016 28.5); /* #e3d5d3 */
  --brand-300: oklch(0.808 0.029 28.5); /* #d2bab6 */
  --brand-400: oklch(0.712 0.043 28.5); /* #bb9993 */
  --brand-500: oklch(0.637 0.051 28.5); /* #a8807a */
  --brand-600: oklch(0.577 0.05 28.5); /* #956e69 */
  --brand-700: oklch(0.505 0.047 28.5); /* #7e5b55 */
  --brand-800: oklch(0.444 0.042 28.5); /* #694b46 */
  --brand-900: oklch(0.396 0.038 28.5); /* #593f3b */
  --brand-950: oklch(0.281 0.027 28.5); /* #352422 */
}

Explore other colors