Skip to the color picker
PickShade

#f3ecf3 color: Dress Pink

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

Read as HEX

300°
100%

OKLCH

95.1%
0.012
326°
  • ≈ 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.10: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 #f3ecf3

#f3ecf3 is a very light gray color. In OKLCH it has 95.1% lightness, 0.012 chroma and a hue of 326°.

Looks the same on every screen.

White text on it reaches 1.16:1 contrast and black text 18.1: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: #f3ecf3 mixed with white

  1. f3ecf3
  2. f4eef4
  3. f5f0f5
  4. f7f2f7
  5. f8f4f8
  6. f9f5f9
  7. faf7fa
  8. fbf9fb
  9. fdfbfd
  10. fefdfe

Darker: #f3ecf3 mixed with black

  1. f3ecf3
  2. d3cdd3
  3. b4afb4
  4. 979297
  5. 7a767a
  6. 5e5b5e
  7. 444244
  8. 2b292b
  9. 141314
  10. 030303

Calmer: #f3ecf3 with less saturation

  1. f3ecf3
  2. f3ecf3
  3. f2ecf2
  4. f2edf2
  5. f1edf1
  6. f1edf1
  7. f0edf0
  8. f0eef0
  9. efeeef
  10. efeeef