Dark Blue

#111184

What color is Dark Blue?

Dark blue is a deep, near-navy blue with very little brightness, hex #111184, close to the color of a dark indigo fabric. It reads as almost midnight in tone, sitting far from sky blue or cobalt.

What is the meaning of the color Dark Blue?

Navy and deep blue dyes were among the most costly in medieval Europe, made from woad or imported indigo traded along routes through India and the Middle East. By the 18th century, deep blue had become closely tied to military authority — the British Royal Navy standardized its officer uniform color as navy blue in 1748, anchoring the color to discipline and rank. Dark blue carries much of that institutional weight today, most visibly in the corporate identity of IBM, which adopted deep blue as its signature color and earned the nickname Big Blue.

RGB
17, 17, 132
HSL
240°, 77%, 29%
CMYK
87, 87, 0, 48
HSV
240°, 87%, 52%
Dark blue color

What colors go with Dark Blue?

Colors that pair well with Dark blue include:
White: clean, high contrast
Gold: warm, rich accent
Light grey: soft, neutral balance
Burnt orange: bold warm contrast
Cream: gentle, warm softness

Similar Colors

Conversions & Codes

Format Value CSS
HEX #111184 color: #111184;
RGB 17, 17, 132 color: rgb(17, 17, 132);
RGB Percentage 7%, 7%, 52% color: rgb(7%, 7%, 52%);
CMYK 87%, 87%, 0%, 48% Not supported in CSS
HSL 240°, 77%, 29% color: hsl(240, 77%, 29%);
HSV 240°, 87%, 52% Not supported in CSS
CIE-LAB 23, 0, -38 color: lab(23% 0 -38);
Decimal 1118596 Not supported in CSS

Color Variations

Shades

#111183
#0F0F76
#0E0E69
#0C0C5C
#0A0A4F
#090941
#070734
#050527

Tints

#9F9FF3
#7F7FEE
#5F5FEA
#3F3FE6
#1F1FE2
#1919C3
#1515A3
#111183

Tones

#111183
#17177D
#1C1C78
#222272
#28286C
#2D2D66
#333361
#39395B

Hues

#111183
#661183
#83114A
#832D11
#838311
#2D8311
#11834A
#116683

Color Harmonies

Analogous

#114A83
Click to copy
#111184
Click to copy
#4A1183
Click to copy

Complementary

#111184
Click to copy
#838311
Click to copy

Split Complementary

#111184
Click to copy
#834A11
Click to copy
#4A8311
Click to copy

Triadic

#111184
Click to copy
#831111
Click to copy
#118311
Click to copy

Tetradic

#111184
Click to copy
#83114A
Click to copy
#838311
Click to copy
#11834A
Click to copy

Square

#111184
Click to copy
#83114A
Click to copy
#838311
Click to copy
#11834A
Click to copy

CSS & Dev Snippets

CSS
.dark-blue {
  color: #111184;
}
SCSS
$dark-blue: #111184;
RGB
rgb(17, 17, 132)

Accessibility & Contrast

White background

14.61:1
14.61
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.44:1
1.44
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags