Color Palettes

Lagoon color

A deep blue-green like the sheltered water of a tropical lagoon. It feels vacation-ready, making it a great pick for swimwear, coastal decor and travel brands.

Also known as: Lagoon blue, Blue lagoon.

Open in editor

The hex code for lagoon is #017987. In RGB it is rgb(1, 121, 135), in HSL hsl(186, 99%, 27%) and in CMYK 99, 10, 0, 47.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to lagoon

Teal#008080Teal green#00827FDark cyan#008B8BPine green#01796FBondi blue#0095B6Air force blue#5D8AA8

About lagoon

Lagoon (#017987) is a cool, dark, highly saturated color. It belongs to the turquoises family. It mixes 1 red, 121 green and 135 blue (out of 255). It is mostly used in swimwear, coastal decor, branding.

Swatch of Lagoon with its shades from light to dark · #017987
Lagoon · #017987

Lagoon shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Lagoon color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Deep red
AnalogousClose to: Sea green, Deep blue
TriadicClose to: Purple, Olive green
Split complementaryClose to: Claret, Chocolate brown
TetradicClose to: Indigo, Deep red, Green

Lagoon color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Lagoon
Analogous palette · Lagoon
Complementary palette · Lagoon
Triadic palette · Lagoon
With neutrals palette · Lagoon
With an accent palette · Lagoon

Lagoon contrast with text

White textContrast 5.1:1 · AA
Black textContrast 4.1:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --lagoon: #017987;
  --lagoon-rgb: 1, 121, 135;
}
.bg { background-color: var(--lagoon); }
.text { color: var(--lagoon); }

Colors similar to lagoon

CeruleanJuniperDark tealPayne's gray

Where you'll see this color

Jacksonville JaguarsTeam colorsSan Jose SharksTeam colorsCharlotte HornetsTeam colorsNew Mexico LobosTeam colors

Themed palettes with this color

Beach color palettesCaribbean color palettesPatagonia color palettes

More turquoises

TurquoiseAquamarineCyanSeafoam greenTealPetrol blueDark tealDark turquoisePastel turquoiseTiffany blueLight sea greenMedium aquamarineCaribbean greenCelesteVerdigrisMedium turquoiseDark cyanDuck egg blueDeep tealTurquoise blueMidnight greenTeal greenPacific bluePool blue
Swatch of Lagoon with its shades from light to dark · #017987
Swatch of Lagoon with its shades from light to dark · #017987

Try this next

Name color paletteType a name and get your own color story paletteColor PlinkoDrop chips, bounce down the pegs, get a paletteColor Scratch-OffScratch a free ticket and reveal a palette
See all free tools →

Frequently asked questions

What is the hex code for lagoon?

The hex code for lagoon is #017987. In RGB it is rgb(1, 121, 135), in HSL hsl(186, 99%, 27%) and in CMYK 99, 10, 0, 47.

What is the complementary color of lagoon?

Its complement on the color wheel is #870F01, close to deep red. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on lagoon?

Yes. The contrast with white is 5.1:1, enough for body text (WCAG AA).