CSS named color
AliceBlue
#F0F8FF
HEX
#f0f8ffRGB
rgb(240, 248, 255)HSL
hsl(208, 100%, 97%)OKLCH
oklch(97.51% 0.0127 244.25)NAME
alicebluePalette
Complementary
180° on the color wheelComplement
#FFF7F0
Analogous
±30° around the base hueLeft
#F0FFFE
Right
#F0F0FF
Triadic
±120° for harmonic contrastTriad 1
#FFF0F8
Triad 2
#F8FFF0
Shades
Lighter and darker variantsCSS usage
By name
color: aliceblue;
background-color: aliceblue;By HEX
color: #f0f8ff;
background-color: #f0f8ff;By RGB
color: rgb(240, 248, 255);
background-color: rgb(240, 248, 255);By HSL
color: hsl(208, 100%, 97%);
background-color: hsl(208, 100%, 97%);WCAG contrast vs white
Aa
1.07:1
Below minimum
WCAG contrast vs black
Aa
19.58:1
AAA
Related colors
FAQ — AliceBlue
What is the HEX code for AliceBlue?
The HEX code for AliceBlue is #F0F8FF. It's one of the 148 named CSS colors and can be used directly in CSS as color: aliceblue; or color: #f0f8ff;
What is AliceBlue in RGB?
AliceBlue in RGB is rgb(240, 248, 255) — red 240, green 248, blue 255.
What is AliceBlue in HSL?
AliceBlue in HSL is hsl(208, 100%, 97%) — hue 208°, saturation 100%, lightness 97%.
What is the complementary color of AliceBlue?
The complementary color (directly opposite AliceBlue on the color wheel) is #FFF7F0. The two together produce maximum contrast.
Is white text readable on AliceBlue?
The WCAG contrast ratio against white (#FFFFFF) is 1.07:1, and against black (#000000) it's 19.58:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.