Skip to the color picker
PickShade

#f4e7cf color: Magnolia Blossom

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

Read as HEX

39°
100%

OKLCH

93.2%
0.035
83°
  • ≈ 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.18: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 #f4e7cf

#f4e7cf is a pastel very light beige color. In OKLCH it has 93.2% lightness, 0.035 chroma and a hue of 83°.

Looks the same on every screen.

White text on it reaches 1.22:1 contrast and black text 17.18: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: #f4e7cf mixed with white

  1. f4e7cf
  2. f5e9d4
  3. f6ecd9
  4. f7eedd
  5. f8f1e2
  6. faf3e7
  7. fbf5ec
  8. fcf8f1
  9. fdfaf5
  10. fefdfa

Darker: #f4e7cf mixed with black

  1. f4e7cf
  2. d4c9b4
  3. b5ab99
  4. 978f7f
  5. 7a7367
  6. 5e594f
  7. 444038
  8. 2b2823
  9. 141310
  10. 030302

Calmer: #f4e7cf with less saturation

  1. f4e7cf
  2. f3e7d2
  3. f2e7d4
  4. f1e7d7
  5. efe8d9
  6. eee8dc
  7. ede8de
  8. ece8e1
  9. ebe8e3
  10. eae8e6