#00008B
Blue family

Dark Blue

Also known as: intense · regal · serene · mysterious · profound
Save
Hex #00008B
RGB rgb(0, 0, 139)
HSL hsl(240°, 100%, 27%)
CMYK 100 · 100 · 0 · 45
CSS darkblue

Meaning

In Western cultures, Dark Blue symbolizes trust, loyalty, and authority, often used in corporate branding to convey professionalism. Conversely, in some Eastern traditions, it can represent mourning and loss, highlighting a contrast in emotional resonance.

The term 'dark blue' has been in use since the 14th century, with indigo being one of the first dyes used to create this hue. In 1684, the Royal Society of Arts in England began promoting the cultivation of indigo, significantly impacting the dye trade and the availability of this deep blue color.

intenseregalserenemysteriousprofound

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Dark Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Dark Blue by lightness — from #000048 (darkest) to #7A7AC3 (lightest). Click any to copy.

-40% #000048
-30% #000059
-20% #00006A
-10% #00007A
BASE #00008B
+15% #1F1F99
+30% #3D3DA7
+50% #5C5CB5
+70% #7A7AC3

Complementary

Sitting opposite Dark Blue at 60° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Dark Blue.

#00008B
#1E90FF
#F5F5F5
#4682B4
#6A5ACD

Midnight Calm

Tranquil Escape
#00008B
#00BFFF
#FFFFFF
#5F9EA0
#0000CD

Ocean Depths

Nautical Adventure
#00008B
#FFD700
#D3D3D3
#8B4513
#800080

Royal Elegance

Luxurious Affair

Dark Blue scale

A 50–900 tonal scale with Dark Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EBEBF6
100 #D1D1EA
200 #9E9ED3
300 #6B6BBC
400 #3636A3
500 #00008B
600 #000072
700 #00005C
800 #000046
900 #00002F

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 15.3:1
Dark Blue as text on… Ratio AA AAA
Aa White background 15.3:1 Pass Pass
Aa Black background 1.37:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #00008B

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: darkblue;
CSS color-mix (lighten 30%) color-mix(in srgb, darkblue 70%, white)
HSV / HSB 240°, 100%, 55%
CMYK (print) 100, 100, 0, 45
Decimal 139
Nearest web-safe #000099

Color vision

How Dark Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#00008B

Protanopia (no red)

#000069

Deuteranopia (no green)

#000061

Tritanopia (no blue)

#004F49
Alice Blue
37 / 45 Blues Egyptian Blue
Copied!