Skip to the color picker
PickShade

#f3ecda color: Confection

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

Read as HEX

43°
100%

OKLCH

94.4%
0.025
89°
  • ≈ Champagne
  • Beige
  • Very light
  • Muted
  • Warm
  • orange-100
  • Black 5%

Looks the same on every screen.

White text1.18:1 · Below AALc -10
Black text17.82:1 · AALc 95

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

#f3ecda is a muted very light beige color. In OKLCH it has 94.4% lightness, 0.025 chroma and a hue of 89°.

Looks the same on every screen.

White text on it reaches 1.18:1 contrast and black text 17.82:1, so black text reads better.

The closest named color is Confection (#f4ecda). In Tailwind CSS the closest color is orange-100.

More very light beige colors

Lighter: #f3ecda mixed with white

  1. f3ecda
  2. f4eede
  3. f5f0e1
  4. f7f2e5
  5. f8f4e9
  6. f9f6ec
  7. faf7f0
  8. fbf9f4
  9. fdfbf8
  10. fefdfb

Darker: #f3ecda mixed with black

  1. f3ecda
  2. d3cdbd
  3. b4afa2
  4. 979287
  5. 7a766c
  6. 5e5b54
  7. 44423c
  8. 2b2925
  9. 141311
  10. 030302

Calmer: #f3ecda with less saturation

  1. f3ecda
  2. f2ecdc
  3. f2ecde
  4. f1ece0
  5. f0ece1
  6. f0ece3
  7. efece5
  8. eeece7
  9. eeece9
  10. edecea