#D2AEAF — Light Muted Red

#D2AEAF is a light muted red in the Red family. In practice it looks like an earthy, muted light beige, and it is also commonly known as Beige, Greige. Below are all of its color space values, an 11-step scale, harmony palettes and accessibility data.

#D2AEAF color swatch, light muted red#D2AEAF
CSS Namesilver (closest)

Tints and shades (50–950)

50#f7f5f5
100#eee8e8
200#e2d6d6
300#d0babb
400#b8999a
500#a48182
600#916f71
700#7a5b5d
800#664c4d
900#574041
950#342525

Accessibility

Contrast on white
2.02:1
Contrast on black
10.41: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.003 16.2); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.007 16.2); /* #eee8e8 */
  --brand-200: oklch(0.885 0.014 16.2); /* #e2d6d6 */
  --brand-300: oklch(0.808 0.025 16.2); /* #d0babb */
  --brand-400: oklch(0.712 0.037 16.2); /* #b8999a */
  --brand-500: oklch(0.637 0.044 16.2); /* #a48182 */
  --brand-600: oklch(0.577 0.043 16.2); /* #916f71 */
  --brand-700: oklch(0.505 0.041 16.2); /* #7a5b5d */
  --brand-800: oklch(0.444 0.036 16.2); /* #664c4d */
  --brand-900: oklch(0.396 0.033 16.2); /* #574041 */
  --brand-950: oklch(0.281 0.023 16.2); /* #342525 */
}

Explore other colors