Cobalt Blue #0047AB
Cobalt blue is a strong, saturated blue, commonly given as #0047AB. It is medium-dark and cool, with a clean, intense quality that looks rich on screen and in fabric. The name comes from the cobalt-based pigment, so the color is closely linked with painted ceramics, blue glass, and bold fashion pieces.
There is no CSS keyword for cobalt blue. #0047AB is a widely used screen value; the pigment itself, and cobalt glass, vary with the material and lighting.
| HEX | #0047AB | |
|---|---|---|
| RGB | rgb(0, 71, 171) | |
| HSL | hsl(215, 100%, 34%) | |
| HSV | hsv(215, 100%, 67%) | |
| CMYK | cmyk(100%, 58%, 0%, 33%) |
Text on Cobalt Blue
White text reads better on Cobalt Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Cobalt Blue
Cobalt Blue tints and shades
Tints mix Cobalt Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Cobalt Blue color schemes
Color-wheel harmonies built by rotating the hue of #0047AB and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Cobalt Blue color meaning
Cobalt compounds have colored glass and ceramics for a very long time. Chinese blue-and-white porcelain got its blue from cobalt, and the look was copied across Europe, most famously in Dutch Delftware. The pure pigment known as cobalt blue was developed in France in the early nineteenth century and became a favorite of painters.
Because of that history, cobalt suggests craft and quality. It looks like a blue someone chose on purpose. Hand-painted tiles in Portugal, Morocco, and Mexico often use similar deep blues, which gives the color a warm, handmade association despite being cool.
In modern use it reads as confident and clean. It has the trust signals of blue in general but more drama, so it suits brands and products that want to look bold without leaning on warm colors like red.
How to use Cobalt Blue in design
White text reads well on cobalt blue, so it works for primary buttons, banners, and bold social tiles. Black text is a poor match. On screens, cobalt holds attention without looking as raw as pure #0000FF.
In fashion it is a classic statement color for coats, bags, and suits, especially beside camel or white. Interiors use it on tiles, glassware, and accent cabinetry, often against white walls. It can lose definition next to black and clash with deep purples, so keep those apart.
Palettes with Cobalt Blue tones
Curated palettes with a color close to #0047AB.
Colors similar to Cobalt Blue
Work with Cobalt Blue
Cobalt Blue FAQ
What is the difference between cobalt blue and royal blue?
Cobalt blue (#0047AB) is darker and more saturated, with a dense, inky quality. CSS royal blue (#4169E1) is lighter and brighter, closer to a sporty mid-blue. Cobalt suits ceramics, fashion, and premium products, while royal blue reads more energetic, like a team jersey.
Is cobalt blue warm or cool?
Cobalt blue is cool. It has no meaningful red or yellow in its mix, and it sits firmly in the blue part of the color wheel. You can warm up a cobalt design by pairing it with camel, mustard, tan, or orange, which all sit on the opposite side.