Alice blue color

An extremely pale blue that looks almost white. It is named after Alice Roosevelt Longworth, daughter of President Theodore Roosevelt, and is a standard web background color.

Alice blue · #F0F8FF

About alice blue

Alice blue (#F0F8FF) is a cool, light, highly saturated color. It belongs to the blues family. It mixes 240 red, 248 green and 255 blue (out of 255). It is mostly used in web, backgrounds, minimal.

Alice blue shades and tints

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

Alice blue color harmonies

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

ComplementaryClose to: Floral white

AnalogousClose to: Mint cream, Magnolia

TriadicClose to: Lavender blush, Ivory

Split complementaryClose to: Lavender blush, Ivory

TetradicClose to: Magnolia, Floral white, Honeydew

Alice blue color palettes

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

Monochromatic palette · Alice blue

Analogous palette · Alice blue

Complementary palette · Alice blue

Triadic palette · Alice blue

With neutrals palette · Alice blue

With an accent palette · Alice blue

Alice blue contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 19.6:1 · AAA

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

CSS code

:root {
  --alice-blue: #F0F8FF;
  --alice-blue-rgb: 240, 248, 255;
}
.bg { background-color: var(--alice-blue); }
.text { color: var(--alice-blue); }

Colors similar to alice blue

White smoke Magnolia White Snow white Off-white Mint cream Lavender blush Platinum Lavender mist Floral white

Themed palettes with this color

Frequently asked questions

What is the hex code for alice blue?

The hex code for alice blue is #F0F8FF. In RGB it is rgb(240, 248, 255), in HSL hsl(208, 100%, 97%) and in CMYK 6, 3, 0, 0.

What is the complementary color of alice blue?

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

Can you use white text on alice blue?

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