Skip to the color picker
PickShade

#f5fbf6 color: White Porcelain

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

Read as HEX

130°
100%

OKLCH

98.2%
0.009
151°
  • ≈ Off-white
  • White
  • Very light
  • Muted
  • Neutral
  • teal-50
  • Black 2%

Looks the same on every screen.

White text1.05:1 · Below AALc 0
Black text20.01:1 · AALc 103

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

#f5fbf6 is a white color. In OKLCH it has 98.2% lightness, 0.009 chroma and a hue of 151°.

Looks the same on every screen.

White text on it reaches 1.05:1 contrast and black text 20.01:1, so black text reads better.

The closest named color is White Porcelain (#f8fbf8). In Tailwind CSS the closest color is teal-50.

More very light white colors

Lighter: #f5fbf6 mixed with white

  1. f5fbf6
  2. f6fbf7
  3. f7fcf8
  4. f8fcf9
  5. f9fdfa
  6. fafdfa
  7. fbfdfb
  8. fcfefc
  9. fdfefd
  10. fefffe

Darker: #f5fbf6 mixed with black

  1. f5fbf6
  2. d5dad6
  3. b6bab7
  4. 989c98
  5. 7b7e7b
  6. 5f615f
  7. 444645
  8. 2b2d2c
  9. 151515
  10. 030303

Calmer: #f5fbf6 with less saturation

  1. f5fbf6
  2. f5fbf6
  3. f6fbf7
  4. f6faf7
  5. f7faf7
  6. f7faf8
  7. f7faf8
  8. f8faf8
  9. f8f9f8
  10. f9f9f9