Skip to the color picker
PickShade

#f4f0f1 color: Plastic Clouds

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

Read as HEX

345°
100%

OKLCH

95.9%
0.004
360°
  • ≈ Off-white
  • Gray
  • Very light
  • Muted
  • Neutral
  • mauve-100
  • Black 4%

Looks the same on every screen.

White text1.13:1 · Below AALc 0
Black text18.58: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 #f4f0f1

#f4f0f1 is a very light gray color. In OKLCH it has 95.9% lightness, 0.004 chroma and a hue of 360°.

Looks the same on every screen.

White text on it reaches 1.13:1 contrast and black text 18.58:1, so black text reads better.

The closest named color is Plastic Clouds (#f5f0f1). In Tailwind CSS the closest color is mauve-100.

More very light gray colors

Lighter: #f4f0f1 mixed with white

  1. f4f0f1
  2. f5f1f2
  3. f6f3f4
  4. f7f4f5
  5. f8f6f7
  6. f9f7f8
  7. fbf9f9
  8. fcfafb
  9. fdfcfc
  10. fefdfe

Darker: #f4f0f1 mixed with black

  1. f4f0f1
  2. d4d1d2
  3. b5b2b3
  4. 979595
  5. 7a7879
  6. 5e5d5d
  7. 444343
  8. 2b2a2b
  9. 141414
  10. 030303

Calmer: #f4f0f1 with less saturation

  1. f4f0f1
  2. f4f0f1
  3. f3f0f1
  4. f3f0f1
  5. f3f0f1
  6. f3f1f1
  7. f2f1f1
  8. f2f1f1
  9. f2f1f1
  10. f1f1f1