Cobalt Blue

HEX #0047AB / RGB (0, 71, 171)

Blue Mineral Stone

What is Cobalt Blue Color?

Cobalt Blue (Hex code: 0047AB) Thumbnail

Cobalt Blue has the hex code #0047AB. The equivalent RGB values are (0, 71, 171), which means it is composed of 0% red, 29% green and 71% blue. The CMYK color codes, used in printers, are C:100 M:59 Y:0 K:33. In the HSV/HSB scale, Cobalt Blue has a hue of 215°, 100% saturation and a brightness value of 67%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Cobalt Blue pigment is primarily cobalt aluminate which is made by heating cobalt oxide with alumina at 1200 °C. It has been used extensively in ceramics and jewellery. The pigment is, however, quite toxic and adequate care needs to be taken when working with it.

This bright blue color can be applied to a web page with HTML and/or CSS via its hex, HSL and/or RGB codes. The Cobalt blue CMYK color codes displayed on the page have been calculated from the hex color value and are only approximates.

Cobalt Blue Color Codes

Hex Code#0047AB
RGB Values(0, 71, 171)
CMYK Values(100%, 59%, 0%, 33%)
HSV/HSB Values(215°, 100%, 67%)
Closest Web Safe#003399
Inverse Color#FFB854 [Pastel Orange]
Closest Pantone®2145 C
Closest RAL5017 [Traffic blue]
Complementary Color#AB6400 [Windsor Tan]
Cobalt Blue Converted to Grayscale Codes
Simple Average#515151
Weighted Average (Most Common)#3D3D3D
Weighted Average (Luma)#3F3F3F
Weighted Average (Gamma Adjusted)#848484

Cobalt Blue Color Palettes

Complementary color palette of 0047AB. Complementary color is AB6400

Complementary Palette

The complement of Cobalt Blue is Windsor Tan with the hex code #AB6400. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #0047AB color is offered by #AB6400. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (0047AB, 0F00AB and 009DAB)

Analogous Palette

The analogous colors of Cobalt Blue (#0047AB) are Neon Blue (#0F00AB) and Blue (Munsell) (#009DAB). In the RGB color wheel, these two analogous colors occur to the right and left of Cobalt Blue with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (0047AB, AB0E00 and 9DAB00)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Cobalt Blue (#0047AB) are #AB0E00 (Mordant Red 19) and #9DAB00 (Apple Green). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (0047AB, AB0047 and 47AB00)

Triadic Palette

Cobalt Blue triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #AB0047 (Rose Garnet) and #47AB00 (Kelly Green) along with #0047AB create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (0047AB, AB0047, AB6400 and 00AB64)

Tetradic Palette

The tetradic palette of Cobalt Blue has four colors - #AB0047 (Rose Garnet), #AB6400 (Windsor Tan) and #00AB64 (GO Green) in addition to the base color (#0047AB). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (0047AB, AB009D, AB6400 and 00AB0F)

Square Palette

Cobalt Blue square color palette has #AB009D (Heliotrope Magenta), #AB6400 (Windsor Tan) and #00AB0F (Islamic Green). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Cobalt Blue Color Rainbow Palette

Our Cobalt Blue rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Cobalt Blue Color


  • Transparent 336CBC#336CBC
  • Transparent 4D7EC4#4D7EC4
  • Transparent 6691CD#6691CD
  • Transparent 80A3D5#80A3D5
  • Transparent 99B5DD#99B5DD
  • Transparent B3C8E6#B3C8E6
  • Transparent CCDAEE#CCDAEE
  • Transparent E6EDF7#E6EDF7


  • Transparent 1A52A2#1A52A2
  • Transparent 26589E#26589E
  • Transparent 335E9A#335E9A
  • Transparent 406496#406496
  • Transparent 4D6991#4D6991
  • Transparent 5A6F8D#5A6F8D
  • Transparent 667589#667589
  • Transparent 737A84#737A84


  • Transparent 003989#003989
  • Transparent 003278#003278
  • Transparent 002B67#002B67
  • Transparent 002456#002456
  • Transparent 001C44#001C44
  • Transparent 001533#001533
  • Transparent 000E22#000E22
  • Transparent 000711#000711

Cobalt Blue Color Patterns

  • Transparent

    Cobalt Blue Gingham Checks

  • Transparent

    Cobalt Blue Vertical Stripes Pattern

  • Transparent

    Cobalt Blue Polka Dots Pattern

  • Transparent

    Cobalt Blue Honeycomb Pattern

  • Transparent

    Cobalt Blue Leaves Pattern

  • Transparent

    Cobalt Blue Houndstooth Pattern

  • Transparent

    Cobalt Blue Trellis Pattern

  • Transparent

    Cobalt Blue Plaid Pattern

Photo credits: