Skip to the color picker
PickShade

#f4ecda color: Confection

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

Read as HEX

42°
100%

OKLCH

94.5%
0.025
87°
  • ≈ Champagne
  • Beige
  • Very light
  • Muted
  • Warm
  • orange-100
  • Black 4%

Looks the same on every screen.

White text1.18:1 · Below AALc -10
Black text17.86: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 #f4ecda

#f4ecda is a muted very light beige color. In OKLCH it has 94.5% lightness, 0.025 chroma and a hue of 87°.

Looks the same on every screen.

White text on it reaches 1.18:1 contrast and black text 17.86: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: #f4ecda mixed with white

  1. f4ecda
  2. f5eede
  3. f6f0e1
  4. f7f2e5
  5. f8f4e9
  6. faf6ec
  7. fbf7f0
  8. fcf9f4
  9. fdfbf8
  10. fefdfb

Darker: #f4ecda mixed with black

  1. f4ecda
  2. d4cdbd
  3. b5afa2
  4. 979287
  5. 7a766c
  6. 5e5b54
  7. 44423c
  8. 2b2925
  9. 141311
  10. 030302

Calmer: #f4ecda with less saturation

  1. f4ecda
  2. f3ecdc
  3. f3ecde
  4. f2ece0
  5. f1ece1
  6. f0ece3
  7. efece5
  8. efece7
  9. eeece9
  10. edeceb