Aliceblue

aliceblue is a CSS color keyword. The closest Tailwind step is sky-50 (#f0f9ff).

#f0f8ffrgb(240, 248, 255)
Hex
#f0f8ff
RGB
240, 248, 255
HSL
208°, 100%, 97%
OKLCH
97.5% 0.013 244.3
LAB
97.2 -1.3 -4.3

Open #f0f8ff in the explorer

Text contrast

Black or white text on #f0f8ff. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text19.6:1 AAAAPCA Lc 101
White text1.1:1 FailAPCA Lc 0

Color vision

How #f0f8ff looks in simulations of color blindness, at full severity.

Full color
#f0f8ff
Protanopia
#f5f8ff
Deuteranopia
#f3f6ff
Tritanopia
#edfafa

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to aliceblue.

50100200300400500600700800900950

Copy into CSS

color: aliceblue;
background: #f0f8ff;
@theme {
  --color-aliceblue-50: #eef6fd;
  --color-aliceblue-100: #e1e9f0;
  --color-aliceblue-200: #cad2d9;
  --color-aliceblue-300: #aeb5bc;
  --color-aliceblue-400: #9299a0;
  --color-aliceblue-500: #747b81;
  --color-aliceblue-600: #5b6167;
  --color-aliceblue-700: #454b51;
  --color-aliceblue-800: #30363c;
  --color-aliceblue-900: #1d2227;
  --color-aliceblue-950: #090e12;
}