Skip to content

Cobalt #0047ab

The blue chemistry gave to art.

RGB
0, 71, 171
HSL
215°, 100%, 34%
CMYK
100, 59, 0, 33
Luminance
0.0745

About Cobalt

Cobalt, #0047ab, is blue at pigment strength — the 1802 cobalt-aluminate discovery that gave painters a stable, brilliant mid-blue between ultramarine’s cost and Prussian’s gloom. It remains the name for blue with maximum pigment confidence.

History

The ore’s name comes from kobolds — goblins German miners blamed for its arsenic fumes. Cobalt blue glazed Ming porcelain centuries before Thénard bottled it for Europe; van Gogh called it a divine color and roofed his skies with it.

Psychology

Cobalt is confidence in blue form — vivid without neon, serious without navy’s gravity. Fashion uses it as the statement blue; interfaces use it where trust needs energy.

In design

Cobalt is a workhorse: #0047ab passes text on white (7.7:1), electrifies white space, and pairs with orange (complement), white and charcoal. Ceramics blue-on-white — cobalt on porcelain — remains the most copied color scheme in decorative history.

In culture

Cobalt bombs, cobalt mines, cobalt skies: the word swings from geopolitics to poetry. In studios it simply means the blue that behaves.

Brands that own cobalt

Shades of cobalt

Every format

HEX#0047ab
RGBrgb(0, 71, 171)
HSLhsl(215, 100%, 34%)
CMYKcmyk(100%, 59%, 0%, 33%)
LABlab(32.8 22.5 -58.4)
LCHlch(32.8 62.6 291.1)
OKLCHoklch(0.428 0.172 259.7)

Copy-ready code

/* CSS */
color: #0047ab;
background-color: #0047ab;
/* Tailwind (arbitrary) */
class="text-[#0047ab] bg-[#0047ab]"
/* SCSS */
$brand: #0047ab;
/* SwiftUI */
Color(red: 0.000, green: 0.278, blue: 0.671)
/* Android */
Color.parseColor("#0047ab")

Accessibility — WCAG contrast

Aa
#0047ab on white: 8.44:1
AA ✓ pass · AA-large · AAA
Aa
#0047ab on black: 2.49:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.0%
Green27.8%
Blue67.1%

CMYK percentages

Cyan100.0%
Magenta58.5%
Yellow0.0%
Key (black)32.9%

Color previews

#0047ab text on a black background

contrast 2.49:1

Card sample

#0047ab text on a white background

contrast 8.44:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #0047ab;
Background color
Panel with #0047ab background
background-color: #0047ab;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #0047ab;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(0, 71, 171, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(0, 71, 171, 0.45);
Border & gradient
Gradient panel
border: 3px solid #0047ab;
background: linear-gradient(135deg, #0047ab, #2B00AB);

Monochromatic scale

Palettes built from #0047ab

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Cobalt, answered

What is the hex code for cobalt blue?

Cobalt blue is #0047ab — the pigment CoAl₂O₄ standardized in 1802.

Where does the name cobalt come from?

From kobold — goblin. Miners blamed spirits for ores that yielded no copper but poisonous fumes; the goblin got a periodic-table element.

Cobalt vs ultramarine?

Ultramarine leans violet and was lapis-derived (once priced above gold); cobalt is cleaner, greener and more stable — the working painter’s blue.

Work with #0047ab in the Color Lab