#F1CEC8 — Light Muted Red

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

#F1CEC8 color swatch, light muted red#F1CEC8
CSS Namepink (closest)

Tints and shades (50–950)

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

Accessibility

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

Explore other colors