Deep Sea Diver

#255c61

Deep teal-blue for grounded, high-contrast UI sections

Save
Share

About Deep Sea Diver

Deep Sea Diver is darker than and noticeably more saturated than After the , it's the one that actually recedes. Where After the feels compressed and present, this leans into genuine depth, the kind of blue-green that doesn't demand attention but holds it once you've landed there. It's saturated enough to feel substantial, but the darkness keeps it from reading as teal the way does.

This is the blue for product dashboards, fintech platforms, and healthcare interfaces where you need a primary state that feels authoritative without coldness. It pairs cleanly with white type and sits on light backgrounds without contrast strain. The saturation means it won't flatten into the grays, but the depth prevents it from shouting across a busy layout. Works as a button state, navigation anchor, or data layer that actually holds weight.

The trade-off: on warmer displays it can drift slightly more muted than you might expect on a cool monitor. Test it early against your actual backgrounds. The real advantage is that it handles isolation poorly, it's the kind of color that actually gets better when you surround it with secondary elements. Pair it with a slightly lighter supporting blue and watch it come alive.

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
7.55:1AAA

On Gray 100 #f5f5f5

Aa
6.92:1AAAAA Large

On Gray 900 #18181b

Aa
2.35:1Fail

On Black #000000

Aa
2.78:1Fail

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

Create a gradient with Deep Sea Diver

Open the generator with this color pre-loaded.

Start creating