Cobalt Blue Color
Hex Code: #0047AB · blue
About Cobalt Blue
Cobalt blue is a vivid, intense blue with a slight purple undertone. One of the most historically significant pigments, cobalt blue has been prized by artists and craftsmen since ancient times, used to color ceramics, stained glass, and paintings. It is one of the most saturated and visually striking blues, sitting between the calm of navy and the brightness of electric blue. Cobalt blue commands attention while retaining a sense of depth and sophistication.
Is Cobalt Blue Right for Your Project?
Choose Cobalt Blue for
Cobalt blue is bold enough to anchor a palette or make a statement as an accent. It pairs beautifully with white, warm gold, terracotta, and warm orange. Works in Mediterranean-inspired design, bold branding, artisan products, and vibrant fashion. It shows up in 4 palettes in Colortion's library spanning a calm, energetic range of moods.
Look elsewhere for
Warm, cozy, rustic branding — blue reads cool and can feel clinical in a context built around warmth. Browse all colors to find a hue with a better fit.
Cobalt Blue Tints & Shades
Lighter and darker variants of Cobalt Blue — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Cobalt Blue Color Harmonies
Other hues computed from Cobalt Blue's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Cobalt Blue
Colors That Go With Cobalt Blue
These colors complement Cobalt Blue beautifully in design projects.
How to Use Cobalt Blue in Design
Cobalt blue is bold enough to anchor a palette or make a statement as an accent. It pairs beautifully with white, warm gold, terracotta, and warm orange. Works in Mediterranean-inspired design, bold branding, artisan products, and vibrant fashion.
Blues read as cooler and often darker than they measure, so don’t assume white text is automatically safe — check the actual ratio. Use #0047AB ( hsl(215, 100%, 34%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Cobalt Blue is most often paired with Terracotta. Start from #0047AB in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Cobalt Blue Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Cobalt Blue (this page) | #0047AB | 34% |
| Navy Blue | #1B2A4A | 20% |
| Slate Blue | #6A9AB8 | 57% |
| Teal | #14B8A6 | 40% |
| Sage Green | #87A878 | 57% |
| Lavender | #B89AC4 | 69% |
Frequently Asked Questions
What is the hex code for Cobalt Blue?
The hex code for Cobalt Blue is #0047AB. The RGB value is rgb(0, 71, 171) and the HSL value is hsl(215, 100%, 34%).
What colors go with Cobalt Blue?
Cobalt Blue pairs well with Terracotta — see the tints, shades, and comparison table below for exact values to build from.
What is Cobalt Blue used for in design?
Cobalt blue is bold enough to anchor a palette or make a statement as an accent. It pairs beautifully with white, warm gold, terracotta, and warm orange. Works in Mediterranean-inspired design, bold branding, artisan products, and vibrant fashion.