AiColorStoryAiColorStory

Every hex, every spot color, every CSS name — each with a home. Six focused tools for designers, developers, and print pros.

Product
  • Landing
  • About
  • Pricing
  • Tools hub
  • Help center
  • FAQ
  • Contact
Tools
  • Color mixer
  • Contrast checker
  • Contrast grid
  • Brand kit
  • Color temperature
Resources
  • Palette gallery
  • Color directory
  • Accessibility
  • Scales studio
Legal
  • Terms
  • Privacy
  • Cookies

© 2026 AiColorStory. All rights reserved.

81,000 colors · 6 tools · 10,000+ palettes

HomeGenerateLibraryToolsAccount
AiColorStoryBeta
Export
Comparison sheet
Colors & data
Loading…

LightShutterbugexact vs Canvasnearest

#CEF2E4 · #DBF0D5

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 66/100 (analogous (soft)) · Distinguishable 30/100 (hard to tell apart) · Match 82/100 (close). 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
Harmony66Analogous (soft)
Analogous (soft)
50° apart
Distinguishable30Hard to tell apart
normal
tritanopia
ΔE 8.3 (7.4 under CVD)
Match82Close
ΔE 8.3 — close

How different are LightShutterbug and Canvas?

LightShutterbug and Canvas are very close (ΔE 8). They have distinctly different hues (50° apart) and their lightness is similar, so they read as two same-weight colours.

Can you read one on the other?

LightShutterbug text on Canvas: 1.00:1 (Fail); Canvas text on LightShutterbug: 1.00:1 (Fail). Neither meets AA at body size — nudging one color to #507065 clears it.

Common questions

Do LightShutterbug and Canvas go well together?

Analogous (soft) — workable but not a textbook harmony (harmony 66/100). This is about how they look together (clothing, interiors, branding), independent of text contrast.

Is LightShutterbug readable as text on Canvas?

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

What is the colour difference (ΔE) between LightShutterbug and Canvas?

Their CIE76 ΔE is about 8 — very close.

Are LightShutterbug and Canvas the same colour?

close but visibly different (ΔE 8.3).

Related comparisons

LightShutterbug vs WhiteLightShutterbug vs DreamlessSleepLightShutterbug vs Pale PinkLightShutterbug vs IceLightShutterbug vs CanvasLightShutterbug vs LavenderLightShutterbug vs CanvasCanvas vs WhiteCanvas vs DreamlessSleepCanvas vs Lavender

Explore each color: LightShutterbug #CEF2E4 · Canvas #DBF0D5 · Shades: LightShutterbug shades · Canvas shades · Contrast checker →