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) 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.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--ocean-blue: #005A9C;
--ocean-blue-rgb: 0, 90, 156;
}
.bg { background-color: var(--ocean-blue); }
.text { color: var(--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.
Its complement on the color wheel is #9C4200, close to brown. Used in small doses, it works as an accent and adds strong contrast.
Yes. The contrast with white is 7.1:1, enough for body text (WCAG AA).