Skip to the color picker
PickShade

#f3f7f8 color: Gram’s Hair

Every format, shade and contrast value for #f3f7f8. Drag the picker to explore nearby colors.

Read as HEX

192°
100%

OKLCH

97.3%
0.004
214°
  • ≈ Off-white
  • White
  • Very light
  • Muted
  • Neutral
  • neutral-100
  • Black 3%

Looks the same on every screen.

White text1.08:1 · Below AALc 0
Black text19.47:1 · AALc 101

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #f3f7f8

#f3f7f8 is a white color. In OKLCH it has 97.3% lightness, 0.004 chroma and a hue of 214°.

Looks the same on every screen.

White text on it reaches 1.08:1 contrast and black text 19.47:1, so black text reads better.

The closest named color is Gram’s Hair (#f5f6f7). In Tailwind CSS the closest color is neutral-100.

More very light white colors

Lighter: #f3f7f8 mixed with white

  1. f3f7f8
  2. f4f8f9
  3. f5f9f9
  4. f7f9fa
  5. f8fafb
  6. f9fbfb
  7. fafcfc
  8. fbfdfd
  9. fdfdfe
  10. fefefe

Darker: #f3f7f8 mixed with black

  1. f3f7f8
  2. d3d7d8
  3. b4b7b8
  4. 97999a
  5. 7a7c7c
  6. 5e6060
  7. 444545
  8. 2b2c2c
  9. 141515
  10. 030303

Calmer: #f3f7f8 with less saturation

  1. f3f7f8
  2. f3f7f8
  3. f4f7f8
  4. f4f7f7
  5. f4f7f7
  6. f5f7f7
  7. f5f6f7
  8. f5f6f7
  9. f5f6f6
  10. f6f6f6