Dark blue color

A deep blue with little light, close to navy. In CSS it's called darkblue. It conveys seriousness and is common in corporate brands and in text on light backgrounds.

Also known as: darkblue.

Dark blue · #00008B

About dark blue

Dark blue (#00008B) is a cool, dark, highly saturated color. It belongs to the blues family. It mixes 0 red, 0 green and 139 blue (out of 255). It is mostly used in web, branding, fashion.

Dark blue shades and tints

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

Dark blue color harmonies

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

ComplementaryClose to: Olive green

AnalogousClose to: Denim blue, Indigo

TriadicClose to: Blood red, Green

Split complementaryClose to: Brown, Green

TetradicClose to: Burgundy, Olive green, Jade green

Dark blue color palettes

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

Monochromatic palette · Dark blue

Analogous palette · Dark blue

Complementary palette · Dark blue

Triadic palette · Dark blue

With neutrals palette · Dark blue

With an accent palette · Dark blue

Dark blue contrast with text

White textContrast 15.3:1 · AAA

Black textContrast 1.4:1 · Not recommended

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

CSS code

:root {
  --dark-blue: #00008B;
  --dark-blue-rgb: 0, 0, 139;
}
.bg { background-color: var(--dark-blue); }
.text { color: var(--dark-blue); }

Colors similar to dark blue

Ultramarine Navy blue Indigo Klein blue Deep purple Grape purple Midnight blue Cobalt blue Purple Sapphire blue

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Baby blue Denim blue Klein blue Light blue Cerulean

Frequently asked questions

What is the hex code for dark blue?

The hex code for dark blue is #00008B. In RGB it is rgb(0, 0, 139), in HSL hsl(240, 100%, 27%) and in CMYK 100, 100, 0, 45.

What is the complementary color of dark blue?

Its complement on the color wheel is #8B8B00, close to olive green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on dark blue?

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