Magnolia color

A soft white with a very faint lilac tint, named after magnolia blossoms. It is a classic wall paint choice for bright, airy rooms.

Also known as: Magnolia white.

Magnolia · #F8F4FF

About magnolia

Magnolia (#F8F4FF) is a cool, light, highly saturated color. It belongs to the whites family. It mixes 248 red, 244 green and 255 blue (out of 255). It is mostly used in wall paint, home decor, minimal.

Magnolia shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Magnolia color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Ivory

Analogous

TriadicClose to: Off-white, Mint cream

Split complementaryClose to: Floral white, Honeydew

TetradicClose to: Lavender blush, Ivory, Mint cream

Magnolia color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Magnolia

Analogous palette · Magnolia

Complementary palette · Magnolia

Triadic palette · Magnolia

With neutrals palette · Magnolia

With an accent palette · Magnolia

Magnolia contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 19.4:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --magnolia: #F8F4FF;
  --magnolia-rgb: 248, 244, 255;
}
.bg { background-color: var(--magnolia); }
.text { color: var(--magnolia); }

Colors similar to magnolia

Alice blue Lavender blush White smoke Snow white White Lavender mist Off-white Platinum Mint cream Gainsboro

Themed palettes with this color

More whites

White Ivory Cream Bone Off-white Snow white Pearl Alabaster Linen White smoke Vanilla Eggshell Antique white Ecru Floral white Old lace Mint cream Honeydew Warm white Oyster white

Frequently asked questions

What is the hex code for magnolia?

The hex code for magnolia is #F8F4FF. In RGB it is rgb(248, 244, 255), in HSL hsl(262, 100%, 98%) and in CMYK 3, 4, 0, 0.

What is the complementary color of magnolia?

Its complement on the color wheel is #FBFFF4, close to ivory. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on magnolia?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 19.4:1.