Skip to the color picker
PickShade

#f2f4e7 color: Calcium

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

Read as HEX

69°
100%

OKLCH

96.2%
0.017
114°
  • ≈ Beige
  • White
  • Very light
  • Muted
  • Neutral
  • olive-100
  • Black 4%

Looks the same on every screen.

White text1.11:1 · Below AALc 0
Black text18.87:1 · AALc 99

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 #f2f4e7

#f2f4e7 is a white color. In OKLCH it has 96.2% lightness, 0.017 chroma and a hue of 114°.

Looks the same on every screen.

White text on it reaches 1.11:1 contrast and black text 18.87:1, so black text reads better.

The closest named color is Calcium (#f2f4e8). In Tailwind CSS the closest color is olive-100.

More very light white colors

Lighter: #f2f4e7 mixed with white

  1. f2f4e7
  2. f3f5e9
  3. f5f6ec
  4. f6f7ee
  5. f7f8f1
  6. f8faf3
  7. fafbf5
  8. fbfcf8
  9. fcfdfa
  10. fefefd

Darker: #f2f4e7 mixed with black

  1. f2f4e7
  2. d2d4c9
  3. b4b5ab
  4. 96978f
  5. 797a73
  6. 5e5e59
  7. 434440
  8. 2b2b28
  9. 141413
  10. 030303

Calmer: #f2f4e7 with less saturation

  1. f2f4e7
  2. f2f4e8
  3. f2f4e9
  4. f2f4ea
  5. f2f3ec
  6. f2f3ed
  7. f2f3ee
  8. f2f3ef
  9. f2f3f0
  10. f2f2f1