HEX
#F0F8FFPrimary tokenCSS Named Color Reference
Alice Blue Color Code
Alice Blue·#F0F8FF
Blue FamilyCoolLight toneHigh saturationoklch(97.5% 0.013 244)
RGB
rgb(240, 248, 255)Screen valuesHSL
hsl(208 100% 97%)Hue and lightnessCMYK
6, 3, 0, 0Print handoffLAB
97, -1, -4Perceptual referenceOKLCH
oklch(97.5% 0.013 244)Modern perceptualAlice Blue is the CSS named color `#F0F8FF`. If you searched `alice blue hex code`, `#F0F8FF`, or `AliceBlue`, this is the exact named-color reference. It reads almost white with a cool blue lift, so it works best for documentation surfaces, onboarding panels, and quiet interface backgrounds.
Best text colorDark text
Body text contrast15.99:1
Best UseNear-white backgrounds, documentation surfaces, and exact CSS named color verification
Tonal Scale
100#FCFEFF
300#F8FCFF
500#F3F9FF
600#F0F8FF
800#ADB3B8
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
1.07:1Needs more separation
Dark text on this color
Large headings and selective UI.
15.99:1AAA-level contrast
This color on light surface
Links, borders, and icons on light UI.
1.02:1Needs more separation
Best text colorDark textContrast 15.99:1
Professional Reference
OKLCHoklch(97.5% 0.013 244)
Relative Luminance0.9288
Source TypeCSS Named Color
Classification
Blue FamilyCoolLight toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Aliases
#F0F8FFF0F8FFAliceBlue
Closest Matches
Tailwind Sky 50Tailwind Blue 50Ant Design Geekblue 1
Color Notes
- Alice Blue is the exact CSS named color for `#F0F8FF`.
- It is cooler and slightly bluer than plain white, but still much lighter than most light-blue UI colors.
- People often compare it with Light Cyan or other near-white blues when they are searching by HEX first.
Accessibility Matrix
White text on this color
White text placed on the current color.
1.07:1Needs more separation
Dark text on this color
Dark text or headings on the current color.
15.99:1AAA
This color on light surface
Use this color for links, strokes, or icons on light UI.
1.02:1Needs more separation
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
15.99:1AAA
Best text colorDark textContrast 15.99:1 · AAA
Where It Works
- Use it for documentation surfaces, onboarding backgrounds, and other near-white layout zones.
- Treat it as a named CSS background color first, not as a strong accent or action color.
- Pair it with slate text, Light Steel Blue, and deeper anchors when you need more hierarchy.
Reference Notes
Last Updated
2026-06-25
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Alice Blue is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product and interface reference work.
Hue Family
Trust-building blues for enterprise and SaaS.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-alice-blue: #F0F8FF;
--color-alice-blue-rgb: 240 248 255;
}class="bg-[#F0F8FF] text-white"
class="hover:bg-[#ADB3B8] ring-1 ring-[#F0F8FF]"{
"aliceBlue": "#F0F8FF",
"aliceBlueRgb": [240, 248, 255],
"aliceBlueHsl": [208, 100, 97]
}