Ghostwhite

ghostwhite is a CSS color keyword. The closest Tailwind step is purple-50 (#faf5ff).

#f8f8ffrgb(248, 248, 255)

Hex: #f8f8ff
RGB: 248, 248, 255
HSL: 240°, 100%, 99%
OKLCH: 98.1% 0.009 286.2
LAB: 97.8 1.2 -3.3

Open #f8f8ff in the explorer

Text contrast

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

Black text19.9:1 AAAAPCA Lc 102

White text1.1:1 FailAPCA Lc 0

Color vision

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

Full color
#f8f8ff

Protanopia
#f7f9ff

Deuteranopia
#f6f8ff

Tritanopia
#f7f9fa

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: ghostwhite;
background: #f8f8ff;

@theme {
  --color-ghostwhite-50: #f4f4fb;
  --color-ghostwhite-100: #e7e7ee;
  --color-ghostwhite-200: #d0d0d7;
  --color-ghostwhite-300: #b3b3ba;
  --color-ghostwhite-400: #97979e;
  --color-ghostwhite-500: #7a7a80;
  --color-ghostwhite-600: #606066;
  --color-ghostwhite-700: #4a4a4f;
  --color-ghostwhite-800: #35353a;
  --color-ghostwhite-900: #212126;
  --color-ghostwhite-950: #0d0d11;
}