Summit

#8bb6b8

High-light cyan teal for crisp, airy panels

Save
Share

About Summit

On a light UI, Summit looks like sea-blue that's been sunlit just enough to soften the edges. It sits between the steadiness of and the softer wash of , but it doesn't blur into fog. Compared to , it's a touch lighter and less dense, so it feels more breathable than "blue with weight."

What I like is the undertone: it stays clearly blue-leaning, yet the extra luminance keeps it from reading flat. I use Summit for dashboards and admin panels in health-tech and fintech, especially when you want section backgrounds, table header bands, and form field surfaces to feel crisp without getting clinical. It's also a solid choice for card headers and chart containers where other blues might feel either too muted or too busy. More airy than , it still has enough saturation to hold as a deliberate layer.

Pair it with deep slate text and restrained accents. If you throw in highly green teal neighbors, Summit can start to look like it's drifting.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.21:1Fail

On Gray 100 #f5f5f5

Aa
2.03:1Fail

On Gray 900 #18181b

Aa
8.00:1AAA

On Black #000000

Aa
9.48:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#96b3b3
#98b2b4
#91b6ac
#7fbbc2
#86bebe

Create a gradient with Summit

Open the generator with this color pre-loaded.

Start creating