Color Palettes

Ocean blue color

A rich, medium-dark blue that brings to mind deep open water. It is popular in coastal and nautical decor, swimwear and travel branding.

Also known as: Sea blue, Deep ocean.

Ocean blue · #005A9C

About ocean blue

Ocean blue (#005A9C) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 90 green and 156 blue (out of 255). It is mostly used in coastal decor, nautical, travel.

Ocean blue shades and tints

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

Ocean blue color harmonies

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

ComplementaryClose to: Brown
AnalogousClose to: Light sea green, Dark blue
TriadicClose to: Dark pink, Avocado
Split complementaryClose to: Cranberry, Olive green
TetradicClose to: Purple, Brown, Kelly green

Ocean blue color palettes

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

Monochromatic palette · Ocean blue
Analogous palette · Ocean blue
Complementary palette · Ocean blue
Triadic palette · Ocean blue
With neutrals palette · Ocean blue
With an accent palette · Ocean blue

Ocean blue contrast with text

White textContrast 7.1:1 · AAA
Black textContrast 2.9:1 · Not recommended

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

CSS code

:root {
  --ocean-blue: #005A9C;
  --ocean-blue-rgb: 0, 90, 156;
}
.bg { background-color: var(--ocean-blue); }
.text { color: var(--ocean-blue); }

Colors similar to ocean blue

French blueDenim blueSteel blueDelft blueCeruleanUltra violetPrussian blueCobalt blueSapphire blueCornflower blue

Themed palettes with this color

More blues

BlueNavy blueSky blueCobalt blueSapphire blueSteel blueRoyal blueElectric blueMidnight blueUltramarineFrench bluePrussian bluePastel blueBaby blueDenim blueKlein blueDark blueLight blueCeruleanPeriwinkleDusty bluePowder blueCornflower blueSlate blue

Frequently asked questions

What is the hex code for ocean blue?

The hex code for ocean blue is #005A9C. In RGB it is rgb(0, 90, 156), in HSL hsl(205, 100%, 31%) and in CMYK 100, 42, 0, 39.

What is the complementary color of ocean blue?

Its complement on the color wheel is #9C4200, close to brown. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on ocean blue?

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