Skip to the color picker
PickShade

#f3ecf1 color: Dress Pink

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

Read as HEX

317°
100%

OKLCH

95%
0.010
335°
  • ≈ Lavender
  • Gray
  • Very light
  • Muted
  • Neutral
  • mauve-100
  • Black 5%

Looks the same on every screen.

White text1.16:1 · Below AALc -9
Black text18.08:1 · AALc 96

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

#f3ecf1 is a very light gray color. In OKLCH it has 95% lightness, 0.01 chroma and a hue of 335°.

Looks the same on every screen.

White text on it reaches 1.16:1 contrast and black text 18.08:1, so black text reads better.

The closest named color is Dress Pink (#f4ebef). In Tailwind CSS the closest color is mauve-100.

More very light gray colors

Lighter: #f3ecf1 mixed with white

  1. f3ecf1
  2. f4eef2
  3. f5f0f4
  4. f7f2f5
  5. f8f4f7
  6. f9f5f8
  7. faf7f9
  8. fbf9fb
  9. fdfbfc
  10. fefdfe

Darker: #f3ecf1 mixed with black

  1. f3ecf1
  2. d3cdd2
  3. b4afb3
  4. 979295
  5. 7a7679
  6. 5e5b5d
  7. 444243
  8. 2b292b
  9. 141314
  10. 030303

Calmer: #f3ecf1 with less saturation

  1. f3ecf1
  2. f3ecf1
  3. f2ecf0
  4. f2edf0
  5. f1edf0
  6. f1edf0
  7. f0edef
  8. f0eeef
  9. efeeef
  10. efeeef