Underwater World

#657f7a

Deeper, grayer sea-teal for grounded underwater panels

Save
Share

About Underwater World

On my screen, Underwater World reads like a dim, compressed seawater tone, more saturated and less misty than , and it doesn't have 's quiet, near-neutral backing. Compared to , it's not as tight and decisive in the midtones. It feels a touch darker and cooler, with a slightly greener-blue cast that keeps it from turning into straight nav.

I use it when I need a cool highlight that still feels wet and dimensional, like active states and data emphasis in dashboards and finance apps, or section chips in logistics and maritime operations portals. It's also good for healthcare interfaces where you want hierarchy without going gray, especially for selected tabs, hover bands, and key metric badges. Think the one you reach for when you want more depth than but more clarity than the softer range.

Pair it with crisp off-whites or pale slate. If you put it next to heavy teals, it can look a bit more green, so test the neighboring accent color in your real layout.

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
4.31:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.96:1FailAA Large

On Gray 900 #18181b

Aa
4.11:1FailAA Large

On Black #000000

Aa
4.87:1AAAAA Large

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

#6b7f81
#677f70
#657d82
#6e8082
#6e797b

Create a gradient with Underwater World

Open the generator with this color pre-loaded.

Start creating