#0047AB
Blue family

Cobalt Blue

Also known as: vivid · artistic · electric · creative · bold
Save
Hex #0047AB
RGB rgb(0, 71, 171)
HSL hsl(215°, 100%, 34%)
CMYK 100 · 58 · 0 · 33
Pantone Pantone 286 C
NCS S 3040-B

RAL and NCS values are nearest equivalents, not official designations.

Meaning

Cobalt blue represents creativity, inspiration, and artistic vision. It is the blue of Van Gogh's 'Starry Night', of Delftware pottery, and of the Mediterranean sea. It conveys both depth and brilliance simultaneously.

Cobalt blue as a pigment was first produced in 1802 by French chemist Louis Jacques Thénard, though blue cobalt glass had been made since ancient Egypt. It quickly became a favorite of Impressionist painters for its lightfast, vibrant qualities.

vividartisticelectriccreativebold

Similar colors

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

All 45 Blues →

Shades & tints

Nine steps of Cobalt Blue by lightness — from #002559 (darkest) to #7A9FD3 (lightest). Click any to copy.

-40% #002559
-30% #002D6D
-20% #003682
-10% #003E96
BASE #0047AB
+15% #1F5DB5
+30% #3D73BF
+50% #5C89C9
+70% #7A9FD3

Complementary

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

Palettes

Curated 5-color combinations featuring Cobalt Blue.

#0047AB
#FFD700
#FFFFFF
#1A1A1A
#E8E8E8

Artist's Studio

Creative and bold
#0047AB
#FFFFFF
#F4A460
#40E0D0
#F0E68C

Mediterranean

Warm and vibrant

Used by

Brands and institutions known for using Cobalt Blue.

KLM Royal Dutch AirlinesIntelDellFacebook (Meta)

Cobalt Blue scale

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

50 #EBF0F8
100 #D1DEF0
200 #9EB9DF
300 #6B94CE
400 #366EBD
500 #0047AB
600 #003A8C
700 #002F71
800 #002456
900 #00183A

Accessibility

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

Aa Best text color: #FFFFFF · 8.44:1
Cobalt Blue as text on… Ratio AA AAA
Aa White background 8.44:1 Pass Pass
Aa Black background 2.49: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 #0047AB

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

CSS color: #0047AB;
CSS color-mix (lighten 30%) color-mix(in srgb, #0047AB 70%, white)
HSV / HSB 215°, 100%, 67%
CMYK (print) 100, 58, 0, 33
Decimal 18347
Nearest web-safe #003399

Color vision

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

Normal vision

#0047AB

Protanopia (no red)

#1F1F93

Deuteranopia (no green)

#1B158D

Tritanopia (no blue)

#04807C
Navy Blue
2 / 45 Blues Blue
Copied!