Cobalt blue color: code #0047AB

Cobalt blue

#0047AB

Color codes

  • HEX#0047AB
  • RGBrgb(0, 71, 171)
  • HSLhsl(215, 100%, 34%)
  • HSVhsv(215, 100%, 67%)
  • CMYKcmyk(100%, 58%, 0%, 33%)
  • LABlab(32.8% 22.5 -58.4)
  • OKLCHoklch(42.8% 0.172 259.7)

About the color Cobalt blue

Cobalt blue has the HEX code #0047AB, which corresponds to rgb(0, 71, 171) in the RGB model. On the color wheel its hue sits at 215°, with 100% saturation and 34% lightness (hsl(215, 100%, 34%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for light text: white reaches a 8.43:1 contrast ratio on it, versus 2.48:1 for black.

For print, the approximate conversion is cmyk(100%, 58%, 0%, 33%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Cobalt blue

Complementary

#0047AB · #AD6500

Analogous

#009FAD · #0047AB · #0E00AD

Triadic

#0047AB · #AD0048 · #48AD00

Tetradic

#0047AB · #AD009F · #AD6500 · #00AD0E

Split-complementary

#0047AB · #AD0E00 · #9FAD00

Monochromatic

#00132E · #00337A · #0047AB · #0068FA · #4794FF

Cobalt blue with white and black text

White text Aa Bb Cc 123
8.43:1 · AAA
Black text Aa Bb Cc 123
2.48:1 · fails WCAG

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-cobalt-blue: #0047AB;
  --color-cobalt-blue-rgb: 0, 71, 171;
}

.elemento {
  background-color: var(--color-cobalt-blue);
  color: #FFFFFF;
}