Alice Blue hex code
The hex code for alice blue is #F0F8FF. In RGB that is rgb(240, 248, 255) and in HSL it is hsl(208, 100%, 97%).
The hex code for alice blue is #F0F8FF. In RGB that is rgb(240, 248, 255) and in HSL it is hsl(208, 100%, 97%).
Alice Blue · #F0F8FF
Colour codes
- HEX
- #F0F8FF
- RGB
- rgb(240, 248, 255)
- HSL
- hsl(208, 100%, 97%)
- CMYK
- 6, 3, 0, 0
- CSS name
- aliceblue
- Contrast on white
- 1.07:1
- Contrast on black
- 19.58:1
Tints and shades
20% lighter · #f3f9ff
40% lighter · #f6fbff
60% lighter · #f9fcff
80% lighter · #fcfeff
20% darker · #c0c6cc
40% darker · #909599
60% darker · #606366
80% darker · #303233
Complementary colour
Alice Blue · #F0F8FF
Opposite on the colour wheel · #fff7f0
Frequently asked questions
What is the hex code for alice blue?
The hex code for alice blue is #F0F8FF. In RGB that is rgb(240, 248, 255) and in HSL it is hsl(208, 100%, 97%).
Can I use alice blue for text?
It has a contrast ratio of 1.07:1 on white and 19.58:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with alice blue?
Its complementary colour, opposite on the colour wheel, is #FFF7F0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of alice blue instead.
Is alice blue a CSS colour name?
Yes. CSS accepts the keyword aliceblue, so color: aliceblue and color: #F0F8FF render exactly the same.