Fondant #F4E2CF

Fondant (#F4E2CF) is a very light, muted orange with an OKLCH hue of 69°, lightness 0.92 and chroma 0.032. It sits on the warm side of the color wheel. In practice it behaves as a background color — quiet over large surfaces.

Color values

HEX#F4E2CF
RGBrgb(244, 226, 207)
HSLhsl(31, 63%, 88%)
HSVhsv(31, 15%, 96%)
CMYKcmyk(0%, 7%, 15%, 4%)
CIE Lablab(90.8 3.1 11.5)
OKLCHoklch(0.922 0.032 69)

How Fondant behaves under real light

Under warm 2700K interior light Fondant shifts subtly: leans toward red, gains intensity; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2.1), so it is a lighting-stable choice.

Test Fondant in the color lighting simulator — sweep it through daylight, warm 2700K light, 4000K LED, and shade alongside the rest of your palette.

Contrast & accessibility

Against white it measures 1.26:1 and against black 16.63:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Colors that go with Fondant

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#f4e2cf · #d7c6b4 · #ae9f90 · #877a6c · #62574b · #3f362c

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#f4e2cf · #f8c5a6 · #e6b0a0 · #d29c9a · #bb8994 · #a2798c

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#f4e2cf · #a1a98f · #a0805d · #63703d · #634728 · #30371e

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#f4e2cf · #ccbfb2 · #7099c1 · #6e5a45 · #4e3d2a · #2d2217

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#f4e2cf · #c3c9cf · #928a82 · #515559 · #282119 · #010204

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#f4e2cf · #a79e95 · #50453a · #33291d · #110801 · #f3a748

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#f4e2cf · #bdcad6 · #708faf · #31577c · #04243f · #130600

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#f4e2cf · #bdcad6 · #6195a5 · #4b4f7d · #002732 · #010007

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#f4e2cf · #b8cdcb · #5f9893 · #604874 · #2b1839 · #000202

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#f4e2cf · #bccdc3 · #6c977f · #31577c · #35142c · #00020b

Tints, shades & muted variants

Tints

#F5E5D4 · #F6E8DA · #F7EBDF · #F8EEE4 · #F8F1E9

Shades

#C8B8A7 · #9D8F80 · #74685C · #4E4439 · #2B231A

Muted

#F1E3D4 · #EEE3D9 · #EBE4DD

Using Fondant

Its high lightness and low chroma make it a natural background or large-surface color. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors