Blue color

Cobalt #0047AB

#0047AB · rgb(0, 71, 171)

Cobalt is the color #0047AB. In RGB it is rgb(0, 71, 171) — 0% red, 28% green and 67% blue. Its CMYK breakdown is 100% cyan, 58% magenta, 0% yellow and 33% black, and in HSL it sits at 215° hue, 100% saturation and 34% lightness. Cobalt is not a standard CSS color name; the nearest web color is Dark Slate Blue (#483D8B). The closest web-safe color is #003399.

Open in color picker Convert Make a palette Check contrast

Cobalt color codes

Hex#0047AB

RGBrgb(0, 71, 171)

RGB %0%, 28%, 67%

HSLhsl(215, 100%, 34%)

HSV / HSBhsv(215, 100%, 67%)

CMYKcmyk(100%, 58%, 0%, 33%)

OKLCHoklch(43% 0.172 260)

Closest web-safe#003399

Cobalt color meaning

Cobalt is a bold and energetic blue — a cool color at 34% lightness and 100% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is bold and energetic, cobalt works best for logos, buttons, highlights, sports kit and anything that should grab attention. It is dark enough to use for text on a white page (8.4:1 contrast).

What colors go with Cobalt?

Cobalt pairs well with Copper, Cadet Blue, Medium Blue and Linen: Copper sits close to its opposite on the color wheel for strong contrast, Cadet Blue and Medium Blue are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around cobalt in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Cobalt at a glance

Color family	Blue · cool, bold and energetic
CSS color name	No — nearest keyword is Dark Slate Blue (#483D8B)
As text on white	8.44:1 — passes WCAG AAA
Best text on it	White (8.44:1)
For print (CMYK)	100% cyan, 58% magenta, 0% yellow, 33% black
Full screen	Open the cobalt screen — fill your display or download it in 4K

Contrast

Contrast ratio of Cobalt against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 8.44:1 Black text — 2.49:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Cobalt

Cobalt color FAQ

What is the hex code for Cobalt?

Cobalt is #0047AB, which is rgb(0, 71, 171) and hsl(215, 100%, 34%). For print it is roughly C100 M58 Y0 K33.

What colors go with Cobalt?

Cobalt pairs well with Copper, Cadet Blue, Medium Blue, Linen. Copper gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Cobalt a warm or cool color?

Cobalt is a cool color: its hue is 215°, on the green, blue and violet side of the color wheel.

What text color looks best on Cobalt?

White text, with a contrast ratio of 8.4:1, which meets WCAG AA for normal text. Cobalt itself is also readable as text on white (8.4:1).