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…

Surfexact vs Oatmealnearest

#B8D4BB · #C8D0AE

Four independent scores (read the one that fits your goal): Readability 0/100 (fail) · Harmony 60/100 (analogous (soft)) · Distinguishable 35/100 (hard to tell apart) · Match 81/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
Harmony60Analogous (soft)
Analogous (soft)
52° apart
Distinguishable35Hard to tell apart
normal
colorblind
ΔE 8.7
Match81Close
ΔE 8.7 — close

How different are Surf and Oatmeal?

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

Can you read one on the other?

Surf text on Oatmeal: 1.01:1 (Fail); Oatmeal text on Surf: 1.01:1 (Fail). Neither meets AA at body size — nudging one color to #445D48 clears it.

Common questions

Do Surf and Oatmeal go well together?

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

Is Surf readable as text on Oatmeal?

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

What is the colour difference (ΔE) between Surf and Oatmeal?

Their CIE76 ΔE is about 9 — very close.

Are Surf and Oatmeal the same colour?

close but visibly different (ΔE 8.7).

Related comparisons

Surf vs WhiteSurf vs DreamlessSleepSurf vs ThistleSurf vs Light BlueSurf vs OatmealSurf vs Light Steel BlueSurf vs OatmealOatmeal vs WhiteOatmeal vs DreamlessSleepOatmeal vs Thistle

Explore each color: Surf #B8D4BB · Oatmeal #C8D0AE · Shades: Surf shades · Oatmeal shades · Contrast checker →