What colors go well with cobalt blue?

Cobalt Blue pairs with its complementary colour #AB6400 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Cobalt Blue Color — Hex Code #0047AB, RGB, Palettes & CSS

Q: What is the hex code for cobalt blue?

Cobalt Blue is commonly #0047AB, which is rgb(0, 71, 171). Like most descriptive colour names it covers a small range, but this is a widely used value.

Cobalt Blue colour codes

Hex

#0047AB

RGB

rgb(0, 71, 171)

HSL

hsl(215, 100%, 34%)

HSV

hsv(215, 100%, 67%)

OKLCH

oklch(0.43 0.17 260)

CMYK

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

Complementary palette

Cobalt Blue with its opposite on the colour wheel.

#0047AB

rgb(0, 71, 171)

#AB6400

rgb(171, 100, 0)

Triad palette

Cobalt Blue with two evenly-spaced partners.

#0047AB

rgb(0, 71, 171)

#AB0047

rgb(171, 0, 71)

#47AB00

rgb(71, 171, 0)

Monochromatic palette

Lighter and darker versions of cobalt blue at the same hue.

#092A5A

rgb(9, 42, 90)

#0C3B7C

rgb(12, 59, 124)

#104B9E

rgb(16, 75, 158)

#1257B8

rgb(18, 87, 184)

Lighter tints

Cobalt Blue toward white.

#0047AB

rgb(0, 71, 171)

#2461B7

rgb(36, 97, 183)

#497CC3

rgb(73, 124, 195)

#6D96CF

rgb(109, 150, 207)

#92B0DB

rgb(146, 176, 219)

#B6CAE7

rgb(182, 202, 231)

#DBE5F3

rgb(219, 229, 243)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Cobalt Blue toward black.

#0047AB

rgb(0, 71, 171)

#003D93

rgb(0, 61, 147)

#00337A

rgb(0, 51, 122)

#002962

rgb(0, 41, 98)

#001E49

rgb(0, 30, 73)

#001431

rgb(0, 20, 49)

#000A18

rgb(0, 10, 24)

#000000

rgb(0, 0, 0)

About cobalt blue

A deep, vivid blue named after the metal. Bold and saturated, it stands out in art and branding. The value shown here (#0047AB) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with cobalt blue

The complementary colour (#AB6400) sits opposite cobalt blue on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using cobalt blue in your design

For CSS, paste #0047AB or the oklch(0.43 0.17 260) value, or download the ready-made cobalt-blue.css file above — it includes a full 50–950 token scale. Always check contrast before using cobalt blue behind text.

What is the hex code for cobalt blue?

Cobalt Blue is commonly #0047AB (rgb(0, 71, 171)). It covers a small range, but this is a widely used value.

What colours go well with cobalt blue?

Its complementary colour #AB6400 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Cobalt Blue colour

Cobalt Blue colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About cobalt blue

Palettes that work with cobalt blue

Using cobalt blue in your design

Popular colours

Color tools