Skip to the color picker
PickShade

#f0f4e8 color: Calcium

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

Read as HEX

80°
100%

OKLCH

96.1%
0.016
122°
  • ≈ Beige
  • White
  • Very light
  • Muted
  • Neutral
  • olive-100
  • Black 4%

Looks the same on every screen.

White text1.12:1 · Below AALc 0
Black text18.81:1 · AALc 98

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

#f0f4e8 is a white color. In OKLCH it has 96.1% lightness, 0.016 chroma and a hue of 122°.

Looks the same on every screen.

White text on it reaches 1.12:1 contrast and black text 18.81: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: #f0f4e8 mixed with white

  1. f0f4e8
  2. f1f5ea
  3. f3f6ed
  4. f4f7ef
  5. f6f8f1
  6. f7faf3
  7. f9fbf6
  8. fafcf8
  9. fcfdfa
  10. fdfefd

Darker: #f0f4e8 mixed with black

  1. f0f4e8
  2. d1d4ca
  3. b2b5ac
  4. 959790
  5. 787a74
  6. 5d5e59
  7. 434440
  8. 2a2b29
  9. 141413
  10. 030303

Calmer: #f0f4e8 with less saturation

  1. f0f4e8
  2. f0f4e9
  3. f0f4ea
  4. f1f3eb
  5. f1f3ec
  6. f1f3ed
  7. f1f3ee
  8. f1f3ef
  9. f2f2f0
  10. f2f2f1