DarkBlue Color — HEX, RGB, HSL, Palettes & Contrast

DarkBlue (#00008b): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#00008b
HEX #00008b
RGB rgb(0, 0, 139)
HSL 240°, 100%, 27%

Use DarkBlue in Your Projects

About DarkBlue Color

DarkBlue is a deep, rich blue that conveys authority and tradition. It is slightly lighter than navy, making it more versatile for UI elements.

Use Cases for DarkBlue

corporate headerstraditional brandsdeep accentsfinancial sitesdark themes

Shades & Tints of DarkBlue

#ffffff
#bfbfe2
#8080c5
#4040a8
#00008b
#000068
#000046
#000023
#000000

Complementary Color

#00008b
#8a8a00

Analogous Colors

#00458a
#00008b
#45008a

Triadic Colors

#00008b
#8a0000
#008a00

Split Complementary

#00008b
#8a4500
#458a00

Tetradic Colors

#00008b
#8a008a
#8a8a00
#008a00

CSS Code

.darkblue-color {
  color: #00008b;
  background-color: #00008b;
}

/* As a CSS custom property */
:root {
  --color-darkblue: #00008b;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on DarkBlue
Ratio: 1.37:1 ✗ Fails AA ✗ Fails AAA
White text on DarkBlue
Ratio: 15.3:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is DarkBlue?

DarkBlue is represented by the hex code #00008b and has RGB values of rgb(0, 0, 139). It falls under the Blue category.

How to use DarkBlue in web design?

DarkBlue works well for corporate headers, traditional brands, deep accents. DarkBlue is a deep, rich blue that conveys authority and tradition. It is slightly lighter than navy, making it more versatile for UI elements. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DarkBlue?

Colors that pair well with DarkBlue include navy, midnightblue, mediumblue, royalblue, darkslateblue. For a complementary scheme, try #8a8a00. For an analogous scheme, use #00458a and #45008a. For a triadic scheme, combine with #8a0000 and #008a00.