What does the color AliceBlue mean?

Light Blue

AliceBlue

#f0f8ff

#f3f9ff

#f6fbff

#f9fcff

#fcfeff

#dae0e6

Meaning

Openness, clarity, and communication. Soft and approachable for modern interfaces.

History

AliceBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use AliceBlue (#f0f8ff) in CSS as color: aliceblue; or as #f0f8ff.

Preview

AliceBlue

#f0f8ff

Overview

Family: Light Blue

Accessibility on this swatch:

AAA

(19.58:1)

Contrast vs white: 1.07:1 · vs black: 19.58:1

Formats

HEX

#f0f8ff

RGB

rgb(240, 248, 255)

RGBA

rgba(240, 248, 255, 1)

HSL

hsl(208, 100%, 97%)

HSV

hsv(208, 6%, 100%)

LAB

lab(97.18% -1.35 -4.26)

LCH

lch(97.18% 4.47 252.42)

OKLAB

oklab(0.9751 -0.0055 -0.0114)

OKLCH

oklch(0.9751 0.0127 244.24)

XYZ

xyz(87.55, 92.88, 107.90)

CMYK

cmyk(6%, 3%, 0%, 0%)

CSS

color: #f0f8ff;

CSS variable

--color-f0f8ff: #f0f8ff;

SCSS

$color-f0f8ff: #f0f8ff;

Tailwind

sky-50

Export

Developer code

:root {
  --aliceblue-1: #f0f8ff;
}

Color psychology

Openness, clarity, and communication. Soft and approachable for modern interfaces.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#f3f9ff

#f6fbff

#f9fcff

#fcfeff

#dae0e6

#c3c8cc

#adb0b3

#969899

Similar colors

#f8f8ff

#f5f5f5

#f0ffff

#ffffff

#fffafa

#f5fffa

#fff0f5

#e0ffff

Browse more in the color name library.