Pasta #F7DFAF

Pasta (#F7DFAF) is a very light, muted yellow with an OKLCH hue of 84°, lightness 0.91 and chroma 0.068. It sits on the warm side of the color wheel. In practice it behaves as a mid-weight working color for secondary surfaces and editorial blocks.

Color values

HEX#F7DFAF
RGBrgb(247, 223, 175)
HSLhsl(40, 82%, 83%)
HSVhsv(40, 29%, 97%)
CMYKcmyk(0%, 10%, 29%, 3%)
CIE Lablab(89.7 1.2 26.6)
OKLCHoklch(0.912 0.068 84)

How Pasta behaves under real light

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

Test Pasta 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.3:1 and against black 16.13: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 Pasta

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.

#f7dfaf · #ddc799 · #b4a077 · #8c7a57 · #665738 · #43361b

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.

#f7dfaf · #eec69c · #dfaf93 · #cd9a8c · #b98786 · #a3757f

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.

#f7dfaf · #b7c7b0 · #b59f74 · #6f8e61 · #77643d · #41503a

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.

#f7dfaf · #c5bdae · #a89a7f · #857962 · #415580 · #282113

Quiet Support

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

#f7dfaf · #c1c5cc · #8e8980 · #505357 · #262118 · #010103

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.

#f7dfaf · #aca089 · #57492c · #3b2c0c · #160c00 · #eebc4d

Complementary

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

#f7dfaf · #b6d4b8 · #83a472 · #643be6 · #2b365f · #19051e

Split-complementary

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

#f7dfaf · #bdc5d4 · #6590a9 · #554a78 · #002538 · #010006

Triadic

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

#f7dfaf · #b5c9cb · #5c949a · #67446a · #301633 · #000304

Tetradic

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

#f7dfaf · #b7cac4 · #629687 · #3e527c · #381324 · #000008

Tints, shades & muted variants

Tints

#F8E3B9 · #F8E6C2 · #F9EACB · #FAEDD5 · #FAF1DE

Shades

#CBB58A · #A08D67 · #776746 · #514327 · #2E2209

Muted

#F3E0BA · #EEE0C5 · #E9E1D0

Using Pasta

Its moderate chroma lets it work in mid-size areas — upholstery, secondary UI surfaces, editorial blocks — without overwhelming neighbors. In palettes it pairs most predictably with its tonal ramp and analogous neighbors; reserve the complementary hue for small, deliberate contrast.

Similar colors