Whitesmoke

whitesmoke is a CSS color keyword. This is Tailwind neutral-100.

#f5f5f5rgb(245, 245, 245)
Hex
#f5f5f5
RGB
245, 245, 245
HSL
0°, 0%, 96%
OKLCH
97.0% 0.000 0.0
LAB
96.5 -0.0 0.0

Open #f5f5f5 in the explorer

Text contrast

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

Black text19.3:1 AAAAPCA Lc 100
White text1.1:1 FailAPCA Lc 0

Color vision

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

Full color
#f5f5f5
Protanopia
#f5f5f5
Deuteranopia
#f5f5f5
Tritanopia
#f5f5f5

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: whitesmoke;
background: #f5f5f5;
@theme {
  --color-whitesmoke-50: #f5f5f5;
  --color-whitesmoke-100: #e8e8e8;
  --color-whitesmoke-200: #d1d1d1;
  --color-whitesmoke-300: #b4b4b4;
  --color-whitesmoke-400: #989898;
  --color-whitesmoke-500: #7a7a7a;
  --color-whitesmoke-600: #606060;
  --color-whitesmoke-700: #4a4a4a;
  --color-whitesmoke-800: #353535;
  --color-whitesmoke-900: #222222;
  --color-whitesmoke-950: #0d0d0d;
}