Alice Blue

An extremely pale greyish light blue, light and pure as a fairy-tale fantasy

HEX#F0F8FF

RGBrgb(240, 248, 255)

HSLhsl(208, 100%, 97%)

HSVhsv(208, 6%, 100%)

CMYKcmyk(6%, 3%, 0%, 0%)

HEXA#F0F8FFFF

RGBArgba(240, 248, 255, 1)

HSLAhsla(208, 100%, 97%, 1)

OKLCHoklch(98.9%, 0.006, 244)

LCHlch(98.7%, 11.8, 221)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#00549ERatio 7.1:1AAA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#575CFFRatio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#B370FFRatio 2.9:1Fail

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#FF8AC8Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#004F94

#006DCC

#0A8DFF

#42A7FF

#7AC1FF

#B8DEFF

#F0F8FF

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#F4F8FA

#F4F8FB

#F3F8FC

#F2F8FD

#F1F8FD

#F0F8FE

#F0F8FF

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#344B60

#3B6991

#4489C5

#63A5DE

#8AC0F0

#BCDDFB

#F0F8FF

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#F0FCFF

#F0FAFF

#F0F9FF

#F0F8FF

#F0F7FF

#F0F5FF

#F0F4FF

💡 Use Cases

🌙

Night Mode

Night reading skin for reading apps, replacing harsh pure white with low-blue-light warmth mimicking candlelit pages.

👰

Light Wedding Gowns

Main fabric for morning robes or outdoor wedding gowns, producing an oil-painting-like soft matte finish under natural light.

👶

Newborn Gift Boxes

Packaging for one-month celebration gifts, visually conveying the purity of new life.

💻

Editor Backgrounds

Zen mode background for Markdown editors, blurring boundaries to immerse writers in distraction-free text.

📜 Origin & History

Alice Blue derives its poetic name from Alice Roosevelt Longworth, eldest daughter of President Theodore Roosevelt. In the early 20th century, this trend-setting socialite favored a cool-toned pale blue gown, sparking a wave of imitation among high-society women.

Alice was a symbol of individuality in her lifetime—witty, sharp, and unconventional; the White House even issued a special ban against her. This cool, elusive pale blue perfectly matched her rebellious yet noble and elegant image.

Around 2000, Alice Blue was adopted into the X11 and W3C standards as a web-safe color, giving it new digital life. Its extremely high brightness makes it near-white on screens, but under cool light sources, it reveals a subtle blue glow.

Modern minimalism regards Alice Blue as a more dimensional alternative to pure white. In reading or sleep aid applications, it replaces pure white as the background color, using its subtle coolness to alleviate dryness and fatigue from prolonged screen focus.

🧠 Color Psychology

InnocentUnworldly and childlike, protecting childhood's pure fantasies from being assimilated by harsh realities.

EtherealAlmost translucent and cool, distancing from heat and noise, maintaining an elegant purity.

BreezyVisually feather-light, like wind across an ice field, carrying away emotional residue.

SereneMinimal color presence, creating an undisturbed sanctuary for introspection and deep thought.

DistantDeceptively gentle yet cool—a color of polite refusal, subconsciously establishing gracious but unbreachable social boundaries.

AiryConveying immaterial, void-like beauty, as if from another dimension, inspiring sci-fi associations.

← Back to Explore Colors