Skip to the color picker
PickShade

#f4e7ce color: Magnolia Blossom

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

Read as HEX

39°
100%

OKLCH

93.2%
0.036
84°
  • ≈ Champagne
  • Beige
  • Very light
  • Muted
  • Pastel
  • Warm
  • orange-100
  • Black 4%

Looks the same on every screen.

White text1.22:1 · Below AALc -13
Black text17.17:1 · AALc 93

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

#f4e7ce is a pastel very light beige color. In OKLCH it has 93.2% lightness, 0.036 chroma and a hue of 84°.

Looks the same on every screen.

White text on it reaches 1.22:1 contrast and black text 17.17:1, so black text reads better.

The closest named color is Magnolia Blossom (#f4e7ce). In Tailwind CSS the closest color is orange-100.

More very light beige colors

Lighter: #f4e7ce mixed with white

  1. f4e7ce
  2. f5e9d3
  3. f6ecd8
  4. f7eedd
  5. f8f1e2
  6. faf3e7
  7. fbf5eb
  8. fcf8f0
  9. fdfaf5
  10. fefdfa

Darker: #f4e7ce mixed with black

  1. f4e7ce
  2. d4c9b3
  3. b5ab98
  4. 978f7f
  5. 7a7366
  6. 5e594e
  7. 444038
  8. 2b2823
  9. 14130f
  10. 030302

Calmer: #f4e7ce with less saturation

  1. f4e7ce
  2. f3e7d1
  3. f2e7d3
  4. f0e7d6
  5. efe8d9
  6. eee8db
  7. ede8de
  8. ece8e1
  9. ebe8e3
  10. e9e8e6