Skip to content

Dark blue

Dark blue is a dark, vivid color from the blue family. Hex code #00008B.

Dark blue#00008B

Color codes

  • CSS namedarkblue
  • HEX#00008B
  • RGBrgb(0 0 139)
  • HSLhsl(240 100% 27%)
  • HSB / HSVhsb(240, 100%, 55%)
  • OKLCHoklch(28.8% 0.199 264.1)
  • CMYKcmyk(100%, 100%, 0%, 45%)

White text

15.29:1 · passes WCAG AAA

Black text

1.37:1 · fails WCAG

Shades

50#ECF2FE
100#C0D5FF
200#96B7FD
300#6E99F6
400#4278F7
500#295BD8
600#113EBA
700#001D9C
800#00086D

Complementary

#00008B
#382803

Analogous

#00008B
#052F42
#330A69

Triadic

#00008B
#570009
#06350A

About this color

Dark blue in CSS and design

Dark blue is a dark, vivid color from the blue family. Dark blue is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: darkblue;
color: #00008B;
color: rgb(0 0 139);
color: hsl(240 100% 27%);

For text on dark blue, white reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for dark blue?

#00008B. In CSS you can also use the keyword darkblue, which works in every browser.

What is dark blue in RGB and HSL?

In RGB it is rgb(0 0 139), in HSL hsl(240 100% 27%). For print, cmyk(100%, 100%, 0%, 45%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on dark blue?

White text works better: it has a contrast ratio of 15.29:1 and passes WCAG AAA. Black text reaches 1.37:1.

Which colors go with dark blue?

Its complementary color is #382803, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #052F42 and #330A69. The palette generator builds more combinations.