Alice Blue color values
| Format | Value |
|---|---|
| Hex | #F0F8FF |
| RGB | rgb(240, 248, 255) |
| HSL | hsl(208, 100%, 97%) |
| HSV | 208, 6%, 100% |
| CMYK (simple conversion) | 6%, 3%, 0%, 0% |
| Decimal | 15792383 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Alice Blue
Alice blue is a very pale tint of blue that appears almost white. Designers often use it as a soft background color in web interfaces because it reduces eye strain compared to pure white. It carries subtle associations with ice and clear skies. It is one of the 148 CSS named colors.
Shades and tints of Alice Blue
Tints mix Alice Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F2F9FF | #D8DFE6 |
| 20% | #F3F9FF | #C0C6CC |
| 30% | #F5FAFF | #A8AEB3 |
| 40% | #F6FBFF | #909599 |
| 50% | #F8FCFF | #787C80 |
Color harmony for Alice Blue
These colors keep the same saturation and lightness as Alice Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FFF7F0 |
| Analogous | #F0FFFF #F0F1FF |
| Triadic | #FFF0F8 #F8FFF0 |
| Split complementary | #FFF0F1 #FFFFF0 |
Contrast and accessibility
Contrast between #F0F8FF and white is 1.07:1 (fails). Against black it is 19.58:1 (passes AAA). For text on a Alice Blue background, black text is the more readable choice.
Use Alice Blue in CSS
.element {
color: aliceblue;
background-color: #F0F8FF;
border-color: rgb(240 248 255);
outline-color: hsl(208 100% 97%);
}All four lines produce exactly the same color. The keyword aliceblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Azure: #F0FFFF
- ghostwhite: #F8F8FF
- mintcream: #F5FFFA
- White Smoke: #F5F5F5
FAQ
What is the hex code for Alice Blue?
The hex code for Alice Blue is #F0F8FF. As a CSS color keyword you can also write aliceblue.
What is Alice Blue in RGB?
Alice Blue is rgb(240, 248, 255): red 240, green 248, blue 255 on the 0 to 255 scale.
What color is closest to Alice Blue?
Of the CSS named colors, azure (#F0FFFF) is the closest match to Alice Blue, followed by ghostwhite and mintcream.
More colors
- Antique White: next page
- CSS named colors: the full list