#0047AB
Cobalt Blue
Cobalt blue is a deep, rich blue pigment originally made from cobalt compounds. Widely used in ceramics and fine art, it represents depth and sophistication.
Cobalt Blue Color Values
HEX#0047AB
RGB0, 71, 171
HSL215°, 100%, 34%
HSV215°, 100%, 67%
CMYK100%, 58%, 0%, 33%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #0055AE (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #0047A9 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #006072 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #515151 (~0.003% of population)
Cobalt Blue as Text Color
Cobalt Blue on White
8.4:1AAA
Cobalt Blue on Light Gray
7.7:1AAA
Cobalt Blue on Cream
8.0:1AAA
Cobalt Blue on Dark
2.0:1FAIL
Cobalt Blue on Black
2.5:1FAIL
Cobalt Blue on Soft Blue
7.4:1AAA
Cobalt Blue on Soft Green
7.5:1AAA
Cobalt Blue on Soft Pink
7.0:1AAA
Nearest Tailwind Class
blue-800
#1E40AF
Nearest Pantone Match
Pantone 286 C
#0032A0
CSS Variable Export
:root {
--color-cobalt-blue: #0047AB;
--color-cobalt-blue-rgb: 0, 71, 171;
}Tailwind Config
// tailwind.config.js
colors: {
'cobalt-blue': '#0047AB',
}Shades of Cobalt Blue
#0048AD
#004099
#003785
#003175
#002861
#00204D
#001738
#001129
#000814
#000000
Tints of Cobalt Blue
#0048AD
#0057D1
#0068FA
#1F7CFF
#4291FF
#6BA9FF
#8FBEFF
#B3D2FF
#DBEAFF
#FFFFFF
Color Harmonies
Complementary
#0047AB
#AD6500
Analogous
#009FAD
#0048AD
#0E00AD
Triadic
#0048AD
#AD0048
#48AD00
Cobalt Blue Text Preview
Heading in Cobalt Blue
Body text in Cobalt Blue. The quick brown fox jumps over the lazy dog.
White on Cobalt Blue
Body text on a Cobalt Blue background.
Cobalt Blue text on dark background
Contrast: 2.1:1