Azure vs Off White — Difference, Contrast & Harmony

Export

Comparison sheet

Colors & data

Loading…

Azurenearest vs Off Whitenearest

#F2FBFB · #F3FBF8

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 94/100 (analogous) · Distinguishable 4/100 (hard to tell apart) · Match 97/100 (identical). There is no single “good/bad” — a pair can clash for text yet be great for an outfit.

Readability0Fail

Aa

The quick brown fox jumps over the lazy dog.

Fail1.0:1

Harmony94Analogous

Analogous

22° apart

Distinguishable4Hard to tell apart

normal

deuteranopia

ΔE 1.6 (1.1 under CVD)

Match97Identical

ΔE 1.6 — identical

How different are Azure and Off White?

Azure and Off White are identical (ΔE 2). They have closely related hues (22° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Azure text on Off White: 1.00:1 (Fail); Off White text on Azure: 1.00:1 (Fail). Neither meets AA at body size — nudging one color to #6D7475 clears it.

Common questions

Do Azure and Off White go well together?

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

Is Azure readable as text on Off White?

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

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

Their CIE76 ΔE is about 2 — identical.

Are Azure and Off White the same colour?

effectively the same colour.

Related comparisons

Explore each color: Azure #F2FBFB · Off White #F3FBF8 · Shades: Azure shades · Off White shades · Contrast checker →

AiColorStoryBeta