#CDABA5 — Muted Red

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

#CDABA5 color swatch, muted red#CDABA5
CSS Nametan (closest)

Tints and shades (50–950)

50#f7f5f4
100#eee8e7
200#e2d6d4
300#cfbbb7
400#b79a95
500#a4827c
600#91716b
700#7a5d57
800#664d48
900#57403d
950#332523

Accessibility

Contrast on white
2.11:1
Contrast on black
9.96: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 29.7); /* #f7f5f4 */
  --brand-100: oklch(0.936 0.006 29.7); /* #eee8e7 */
  --brand-200: oklch(0.885 0.013 29.7); /* #e2d6d4 */
  --brand-300: oklch(0.808 0.024 29.7); /* #cfbbb7 */
  --brand-400: oklch(0.712 0.036 29.7); /* #b79a95 */
  --brand-500: oklch(0.637 0.043 29.7); /* #a4827c */
  --brand-600: oklch(0.577 0.042 29.7); /* #91716b */
  --brand-700: oklch(0.505 0.039 29.7); /* #7a5d57 */
  --brand-800: oklch(0.444 0.035 29.7); /* #664d48 */
  --brand-900: oklch(0.396 0.032 29.7); /* #57403d */
  --brand-950: oklch(0.281 0.022 29.7); /* #332523 */
}

Explore other colors