Ocean vs Sapphire — Difference, Contrast & Harmony

Oceannearest vs Sapphirenearest

#005E84 · #1F4ABB

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

Readability1Fail

The quick brown fox jumps over the lazy dog.

Fail1.1:1

Harmony100Analogous

Analogous

26° apart

Distinguishable34Hard to tell apart

normal

tritanopia

ΔE 52 (8.6 under CVD)

Match0Different

ΔE 52 — different

How different are Ocean and Sapphire?

Ocean and Sapphire are very different (ΔE 52). They have distinctly different hues (26° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

Ocean text on Sapphire: 1.06:1 (Fail); Sapphire text on Ocean: 1.06:1 (Fail). Neither meets AA at body size — nudging one color to #85D0FB clears it.

Common questions

Do Ocean and Sapphire go well together?

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

Is Ocean readable as text on Sapphire?

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

What is the colour difference (ΔE) between Ocean and Sapphire?

Their CIE76 ΔE is about 52 — very different.

Are Ocean and Sapphire the same colour?

clearly different colours (ΔE 52).

Related comparisons