Fatback #FFF7ED

Fatback (#FFF7ED) is a near-white neutral with an OKLCH hue of 74°, lightness 0.98 and chroma 0.016. In practice it behaves as a background color — quiet over large surfaces.

Color values

HEX#FFF7ED
RGBrgb(255, 247, 237)
HSLhsl(33, 100%, 96%)
HSVhsv(33, 7%, 100%)
CMYKcmyk(0%, 3%, 7%, 0%)
CIE Lablab(97.6 1 5.7)
OKLCHoklch(0.980 0.016 74)

How Fatback behaves under real light

Under warm 2700K interior light Fatback shifts subtly: takes on a orange cast, reads darker; 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 Fatback 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.06:1 and against black 19.78: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 Fatback

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.

#fff7ed · #cfc8bf · #a7a199 · #817c75 · #5d5852 · #3b3732

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.

#fff7ed · #ffddc5 · #f9c3ae · #e5aea8 · #ce9ba2 · #b68a9b

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.

#fff7ed · #b1bca2 · #b0936c · #6f8251 · #725836 · #3d462e

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.

#fff7ed · #ddd2c4 · #c1ae95 · #6b8eb8 · #5c4d39 · #3b3124

Quiet Support

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

#fff7ed · #d6dbe2 · #9f988f · #595c61 · #2b251c · #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.

#fff7ed · #cdc9c5 · #a19d98 · #2b2620 · #090603 · #f4b04b

Complementary

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

#fff7ed · #d1dcea · #7f9cbe · #3d5e86 · #0c2644 · #110600

Split-complementary

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

#fff7ed · #d1dcea · #70a2b4 · #575685 · #002b38 · #010007

Triadic

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

#fff7ed · #cbe0df · #6ca5a4 · #6b4f7a · #311b3b · #000202

Tetradic

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

#fff7ed · #cee0d6 · #77a58f · #3d5e86 · #3a172e · #000107

Tints, shades & muted variants

Tints

#FEF7EE · #FCF6EF · #FBF6EF · #FAF5F0 · #F8F5F1

Shades

#D0C9C0 · #A29C94 · #77726B · #4F4A45 · #2A2622

Using Fatback

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