Bermuda

#1b7d8d

Soft Bermuda teal for calmer, mid-contrast panels

Save
Share

About Bermuda

Bermuda sits darker and more saturated than the three blues around it, which means it actually lands with some weight. It's the kind of color that doesn't need much breathing room, pair it with white and it reads immediately, no squinting required. Less teal creep than , more presence than , and it won't drift the way lighter blues do on warmer displays.

Reach for this in dashboards, fintech platforms, healthcare apps where your primary actions need to feel both authoritative and approachable. Active buttons, navigation highlights, data points you want to stick. It's got enough saturation to command attention without the clinical edge that cooler teals sometimes carry, and enough depth that it works on both white and mid-tone backgrounds without strain.

The one quirk: it's darker than Ahoy! and , so test it early on busier layouts. It'll hold steady, but it needs to live somewhere with a little contrast to work hardest.

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.81:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.41:1FailAA Large

On Gray 900 #18181b

Aa
3.68:1FailAA Large

On Black #000000

Aa
4.36:1FailAA 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

#327a88
#247e81
#018498
#007894
#008080

Create a gradient with Bermuda

Open the generator with this color pre-loaded.

Start creating