Megaman
#3cbcfc
Clean medium-cyan for tech panels with crisp contrast
About Megaman
Megaman reminds me of a crisp, noon-bright streak of sky blue on a glossy glass surface, where the highlights stay clean instead of turning cyan. It's bluer and calmer than Capri's punchy, almost neon-demanding look, but also more grounded than Hello Summer's airy lift. The undertone sits cool and straight, with a bit more depth than Glitter Lake, so it feels like a confident blue rather than a prismatic one.
I reach for the one you reach for when you need clarity with control: product hero accents, primary links, and hover states in dashboards and finance apps, plus data-heavy admin screens in SaaS where the UI can't feel too sugary. It also shows up nicely in design tool palettes for chart series, since it holds its identity next to neutrals without doing that "look how loud I am" thing.
Pair it with light grays and it stays sharp, but don't put it beside very bright sky tones like Hello Summer or the contrast can flatten into the same family.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.