Cobalt Blue

#0047AB

What color is Cobalt Blue?

Cobalt blue is a strong, medium-toned blue with a vivid, slightly electric quality, hex #0047AB, similar to the color of a clear midday sky. It has more depth than sky blue but lacks the darkness of navy, sitting in a range that appears bright and saturated without being harsh.

What is the meaning of the color Cobalt Blue?

Named after the German word Kobold, meaning goblin or underground spirit, cobalt was a mineral that long troubled European silver miners because it yielded no metal and released toxic fumes when smelted. The pigment cobalt blue was first produced in 1802 by French chemist Louis Jacques Thénard, quickly replacing the more expensive smalt in artists’ paints. It was adopted by painters including J.M.W. Turner and became a staple of 19th-century European art. The color is still produced under the Thénard process and is sold today by manufacturers including Winsor and Newton as a permanent artists’ pigment.

RGB
0, 71, 171
HSL
215°, 100%, 34%
CMYK
100, 58, 0, 33
HSV
215°, 100%, 67%
Cobalt blue color

What colors go with Cobalt Blue?

Colors that pair well with Cobalt blue include:
White: clean, open contrast
Gold: warm, rich accent
Navy: deep, tonal layering
Coral: warm, lively balance
Light gray: soft, neutral backdrop

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0047AB color: #0047AB;
RGB 0, 71, 171 color: rgb(0, 71, 171);
RGB Percentage 0%, 28%, 67% color: rgb(0%, 28%, 67%);
CMYK 100%, 58%, 0%, 33% Not supported in CSS
HSL 215°, 100%, 34% color: hsl(215, 100%, 34%);
HSV 215°, 100%, 67% Not supported in CSS
CIE-LAB 27, -14, -33 color: lab(27% -14 -33);
Decimal 18347 Not supported in CSS

Color Variations

Shades

#0048AD
#00419C
#003A8B
#003379
#002B68
#002457
#001D45
#001634

Tints

#9AC4FF
#78B0FF
#579DFF
#3589FF
#1376FF
#0064F1
#0056CF
#0048AD

Tones

#0048AD
#094AA5
#114B9C
#1A4D93
#234E8B
#2B4F82
#345179
#3D5271

Hues

#0048AD
#3A00AD
#AD009F
#AD001D
#AD6500
#74AD00
#00AD0E
#00AD91

Color Harmonies

Analogous

#009FAD
Click to copy
96%
#0047AB
Click to copy
#0E00AD
Click to copy

Complementary

#0047AB
Click to copy
#AD6500
Click to copy

Split Complementary

#0047AB
Click to copy
#AD0E00
Click to copy
#9FAD00
Click to copy

Triadic

#0047AB
Click to copy
#AD0048
Click to copy
#48AD00
Click to copy

Tetradic

#0047AB
Click to copy
#AD009F
Click to copy
#AD6500
Click to copy
#00AD0E
Click to copy

Square

#0047AB
Click to copy
#AD009F
Click to copy
#AD6500
Click to copy
#00AD0E
Click to copy

CSS & Dev Snippets

CSS
.cobalt-blue {
  color: #0047AB;
}
SCSS
$cobalt-blue: #0047AB;
RGB
rgb(0, 71, 171)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags