CSS named color
AliceBlue #F0F8FF
AliceBlue is a near-white with the hex code #F0F8FF, which converts to rgb(240, 248, 255). Open #F0F8FF in the converter to tweak it.
AliceBlue color values
| HEX | #F0F8FF |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(240, 248, 255) |
| RGBA | rgba(240, 248, 255, 1) |
| 8-digit HEX | #F0F8FFFF |
| HSL | hsl(208, 100%, 97%) |
| HSV / HSB | 208°, 6%, 100% |
| CMYK | 6%, 3%, 0%, 0% |
| RGB 0–1 | 0.941, 0.973, 1 |
| Decimal | 15792383 |
| CSS keyword | aliceblue |
How #F0F8FF converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: F0 → 240, F8 → 248, FF → 255. That gives rgb(240, 248, 255). The step-by-step guide explains the math.
Shades of AliceBlue
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of AliceBlue
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of AliceBlue on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | AliceBlue | 1.07:1 | Fail |
| Black | AliceBlue | 19.57:1 | AAA |
Use black text on a aliceblue background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use AliceBlue in CSS
.element {
color: aliceblue; /* keyword */
background-color: #F0F8FF; /* hex */
border-color: rgb(240 248 255 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #F0F8FF80 is AliceBlue at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for AliceBlue?
The CSS named color aliceblue is #F0F8FF in hexadecimal. In CSS you can write color: aliceblue; or color: #F0F8FF; — both produce the same pixel.
What is AliceBlue in RGB?
AliceBlue is rgb(240, 248, 255): red 240, green 248, blue 255 on the 0–255 scale. As normalized 0–1 floats that is (0.941, 0.973, 1).
Is white or black text more readable on AliceBlue?
Black text is more readable. White on #F0F8FF has a contrast ratio of 1.07:1 (Fail), black on #F0F8FF has 19.57:1 (AAA). WCAG AA needs 4.5:1 for normal text.