Skip to the color picker
PickShade

#f4e7cc color: Magnolia Blossom

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

Read as HEX

40°
100%

OKLCH

93.1%
0.038
85°
  • ≈ 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.15:1 · AALc 92

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

#f4e7cc is a pastel very light beige color. In OKLCH it has 93.1% lightness, 0.038 chroma and a hue of 85°.

Looks the same on every screen.

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

  1. f4e7cc
  2. f5e9d1
  3. f6ecd6
  4. f7eedb
  5. f8f1e0
  6. faf3e6
  7. fbf5eb
  8. fcf8f0
  9. fdfaf5
  10. fefdfa

Darker: #f4e7cc mixed with black

  1. f4e7cc
  2. d4c9b1
  3. b5ab97
  4. 978f7e
  5. 7a7365
  6. 5e594e
  7. 444037
  8. 2b2822
  9. 14130f
  10. 030302

Calmer: #f4e7cc with less saturation

  1. f4e7cc
  2. f3e7cf
  3. f2e7d2
  4. f0e7d5
  5. efe8d7
  6. eee8da
  7. ede8dd
  8. ece8e0
  9. eae8e3
  10. e9e8e5