Light Gray vs White — Difference, Contrast & Harmony

Export

Comparison sheet

Colors & data

Loading…

Light Graynearest vs Whiteexact

#CCD2E9 · #FFFFFF

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

Readability10Fail

Aa

The quick brown fox jumps over the lazy dog.

Fail1.5:1

Harmony93Triadic

Triadic

132° apart

Distinguishable47Somewhat similar

normal

tritanopia

ΔE 20 (14 under CVD)

Match56Different

ΔE 20 — different

How different are Light Gray and White?

Light Gray and White are a clear pair (ΔE 20). They have distinctly different hues (132° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Light Gray text on White: 1.50:1 (Fail); White text on Light Gray: 1.50:1 (Fail). Neither meets AA at body size — nudging one color to #71768B clears it.

Common questions

Do Light Gray and White go well together?

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

Is Light Gray readable as text on White?

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

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

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

Are Light Gray and White the same colour?

clearly different colours (ΔE 20).

Related comparisons

Explore each color: Light Gray #CCD2E9 · White #FFFFFF · Shades: Light Gray shades · White shades · Contrast checker →

AiColorStoryBeta