NutterButter vs White — Difference, Contrast & Harmony

NutterButterexact vs Whiteexact

#F7D4C6 · #FFFFFF

Four independent scores (read the one that fits your goal): Readability 8/100 (fail) · Harmony 90/100 (analogous) · Distinguishable 54/100 (somewhat similar) · Match 57/100 (different). There is no single “good/bad” — a pair can clash for text yet be great for an outfit.

Readability8Fail

The quick brown fox jumps over the lazy dog.

Fail1.4:1

Harmony90Analogous

Analogous

17° apart

Distinguishable54Somewhat similar

normal

protanopia

ΔE 20 (18 under CVD)

Match57Different

ΔE 20 — different

How different are NutterButter and White?

NutterButter and White are a clear pair (ΔE 20). They have closely related hues (17° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

NutterButter text on White: 1.38:1 (Fail); White text on NutterButter: 1.38:1 (Fail). Neither meets AA at body size — nudging one color to #8F7063 clears it.

Common questions

Do NutterButter and White go well together?

Analogous — analogous — a recognised, balanced pairing (harmony 90/100). This is about how they look together (clothing, interiors, branding), independent of text contrast.

Is NutterButter readable as text on White?

Not at body size — the best direction is only 1.4:1, below the 4.5:1 minimum. Nudging one colour to #8F7063 clears AA.

What is the colour difference (ΔE) between NutterButter and White?

Their CIE76 ΔE is about 20 — a clear pair.

Are NutterButter and White the same colour?

clearly different colours (ΔE 20).

Related comparisons