#F2CFD0Light Muted Red

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

#F2CFD0
CSS Namepink (closest)

Tints and shades (50–950)

50#f7f5f5
100#eee8e8
200#e1d6d6
300#cfbbbb
400#b79a9b
500#a38183
600#907071
700#795c5d
800#654c4d
900#564041
950#332525

Accessibility

Contrast on white
1.44:1
Contrast on black
14.61: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); /* #f7f5f5 */
  --brand-100: oklch(0.936 0.006 16); /* #eee8e8 */
  --brand-200: oklch(0.885 0.013 16); /* #e1d6d6 */
  --brand-300: oklch(0.808 0.023 16); /* #cfbbbb */
  --brand-400: oklch(0.712 0.034 16); /* #b79a9b */
  --brand-500: oklch(0.637 0.041 16); /* #a38183 */
  --brand-600: oklch(0.577 0.041 16); /* #907071 */
  --brand-700: oklch(0.505 0.038 16); /* #795c5d */
  --brand-800: oklch(0.444 0.034 16); /* #654c4d */
  --brand-900: oklch(0.396 0.031 16); /* #564041 */
  --brand-950: oklch(0.281 0.022 16); /* #332525 */
}

Explore other colors