#F2C8BELight Red

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

#F2C8BE
CSS Namepink (closest)

Tints and shades (50–950)

50#f8f5f4
100#efe8e6
200#e4d6d2
300#d2bab4
400#bc9991
500#a98077
600#956f66
700#7e5b53
800#694b44
900#5a3f39
950#352420

Accessibility

Contrast on white
1.52:1
Contrast on black
13.78: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.004 33.6); /* #f8f5f4 */
  --brand-100: oklch(0.936 0.008 33.6); /* #efe8e6 */
  --brand-200: oklch(0.885 0.016 33.6); /* #e4d6d2 */
  --brand-300: oklch(0.808 0.029 33.6); /* #d2bab4 */
  --brand-400: oklch(0.712 0.044 33.6); /* #bc9991 */
  --brand-500: oklch(0.637 0.052 33.6); /* #a98077 */
  --brand-600: oklch(0.577 0.051 33.6); /* #956f66 */
  --brand-700: oklch(0.505 0.048 33.6); /* #7e5b53 */
  --brand-800: oklch(0.444 0.043 33.6); /* #694b44 */
  --brand-900: oklch(0.396 0.039 33.6); /* #5a3f39 */
  --brand-950: oklch(0.281 0.027 33.6); /* #352420 */
}

Explore other colors