Skip to the color picker
PickShade

#f3e7cd color: Magnolia Blossom

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

Read as HEX

41°
100%

OKLCH

93.1%
0.037
86°
  • ≈ Champagne
  • Beige
  • Very light
  • Muted
  • Pastel
  • Warm
  • orange-100
  • Black 5%

Looks the same on every screen.

White text1.23:1 · Below AALc -13
Black text17.12: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 #f3e7cd

#f3e7cd is a pastel very light beige color. In OKLCH it has 93.1% lightness, 0.037 chroma and a hue of 86°.

Looks the same on every screen.

White text on it reaches 1.23:1 contrast and black text 17.12: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: #f3e7cd mixed with white

  1. f3e7cd
  2. f4e9d2
  3. f5ecd7
  4. f7eedc
  5. f8f1e1
  6. f9f3e6
  7. faf5eb
  8. fbf8f0
  9. fdfaf5
  10. fefdfa

Darker: #f3e7cd mixed with black

  1. f3e7cd
  2. d3c9b2
  3. b4ab98
  4. 978f7e
  5. 7a7366
  6. 5e594e
  7. 444038
  8. 2b2823
  9. 14130f
  10. 030302

Calmer: #f3e7cd with less saturation

  1. f3e7cd
  2. f2e7d0
  3. f1e7d3
  4. f0e7d5
  5. efe7d8
  6. ede8db
  7. ece8dd
  8. ebe8e0
  9. eae8e3
  10. e9e8e5