Skip to the color picker
PickShade

#f4e3d2 color: Orange Confection

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

Read as HEX

30°
100%

OKLCH

92.5%
0.029
67°
  • ≈ Champagne
  • Beige
  • Very light
  • Muted
  • Warm
  • olive-200
  • Black 4%

Looks the same on every screen.

White text1.25:1 · Below AALc -14
Black text16.76:1 · AALc 91

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

#f4e3d2 is a muted very light beige color. In OKLCH it has 92.5% lightness, 0.029 chroma and a hue of 67°.

Looks the same on every screen.

White text on it reaches 1.25:1 contrast and black text 16.76:1, so black text reads better.

The closest named color is Orange Confection (#f4e3d2). In Tailwind CSS the closest color is olive-200.

More very light beige colors

Lighter: #f4e3d2 mixed with white

  1. f4e3d2
  2. f5e6d6
  3. f6e9db
  4. f7ebdf
  5. f8eee4
  6. faf1e8
  7. fbf4ed
  8. fcf7f1
  9. fdf9f6
  10. fefcfa

Darker: #f4e3d2 mixed with black

  1. f4e3d2
  2. d4c5b6
  3. b5a89b
  4. 978c81
  5. 7a7168
  6. 5e5750
  7. 443f39
  8. 2b2724
  9. 141210
  10. 030302

Calmer: #f4e3d2 with less saturation

  1. f4e3d2
  2. f3e3d4
  3. f1e4d6
  4. f0e4d8
  5. eee4da
  6. ede5dc
  7. ece5de
  8. eae5e0
  9. e9e5e2
  10. e7e6e4