#F0F8FF
Blue family

Alice Blue

Also known as: delicate · ethereal · soft · tranquil · refreshing
Save
Hex #F0F8FF
RGB rgb(240, 248, 255)
HSL hsl(208°, 100%, 97%)
CMYK 6 · 3 · 0 · 0
CSS aliceblue
RAL RAL 9016 · Traffic White
NCS S 0300-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western culture, Alice Blue symbolizes tranquility and innocence, often evoking a sense of calm. While in some Eastern traditions, lighter shades of blue represent healing and protection, contrasting with the more vibrant blue hues that signify power and strength.

The name 'Alice Blue' was popularized in the early 20th century, particularly after Alice Roosevelt Longworth wore a stunning gown in this hue to her father's presidential inauguration in 1901. The color's ethereal quality was captured in artworks, notably by Dewing in the 1890s.

delicateetherealsofttranquilrefreshing

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Alice Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Alice Blue by lightness — from #7D8185 (darkest) to #F7FBFF (lightest). Click any to copy.

-40% #7D8185
-30% #9A9FA3
-20% #B6BCC2
-10% #D3DAE0
BASE #F0F8FF
+15% #F2F9FF
+30% #F4FAFF
+50% #F5FBFF
+70% #F7FBFF

Complementary

Sitting opposite Alice Blue at 28° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Alice Blue.

#F0F8FF
#AEEEEE
#FFFFFF
#FFD700
#FFB6C1

Spring Sky

Fresh Serenity
#F0F8FF
#B0E0E6
#D3D3D3
#FF69B4
#FF4500

Dreamy Day

Light Whimsy
#F0F8FF
#E6E6FA
#B0C4DE
#FFFACD
#F08080

Gentle Breeze

Calm Harmony

Alice Blue scale

A 50–900 tonal scale with Alice Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEFEFF
100 #FCFEFF
200 #F9FCFF
300 #F6FBFF
400 #F3F9FF
500 #F0F8FF
600 #C5CBD1
700 #9EA4A8
800 #787C80
900 #525457

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 19.58:1
Alice Blue as text on… Ratio AA AAA
Aa White background 1.07:1 Fail Fail
Aa Black background 19.58:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F0F8FF

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: aliceblue;
CSS color-mix (lighten 30%) color-mix(in srgb, aliceblue 70%, white)
HSV / HSB 208°, 6%, 100%
CMYK (print) 6, 3, 0, 0
Decimal 15792383
Nearest web-safe #FFFFFF

Color vision

How Alice Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F0F8FF

Protanopia (no red)

#F3F4FD

Deuteranopia (no green)

#F3F2FD

Tritanopia (no blue)

#F0FCFC
Carolina Blue
36 / 45 Blues Dark Blue
Copied!