Sapphire #0F52BA
Sapphire is a deep, saturated blue, commonly given as #0F52BA. It is medium-dark and cool with a jewel-like richness, brighter than navy and close to cobalt. The color is named after the gemstone, so it carries ideas of luxury, loyalty, and fine jewelry, especially engagement rings.
Sapphire has no CSS keyword and no single standard value. #0F52BA is a common choice; the gems themselves range from pale blue to nearly black.
| HEX | #0F52BA | |
|---|---|---|
| RGB | rgb(15, 82, 186) | |
| HSL | hsl(216, 85%, 39%) | |
| HSV | hsv(216, 92%, 73%) | |
| CMYK | cmyk(92%, 56%, 0%, 27%) |
Text on Sapphire
White text reads better on Sapphire. 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 Sapphire
Sapphire tints and shades
Tints mix Sapphire 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
Sapphire color schemes
Color-wheel harmonies built by rotating the hue of #0F52BA and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Sapphire color meaning
Sapphire is a variety of the mineral corundum. Blue is the best-known color, but the gem also comes in pink, yellow, and other shades; red corundum is called ruby. Sapphire is the traditional birthstone for September in Western birthstone lists.
Its most famous recent moment came through the British royal family. Princess Diana's engagement ring, a large blue sapphire surrounded by diamonds, was later given to Catherine, now Princess of Wales, as her own engagement ring. Both moments drew wide attention to sapphire engagement rings.
As a color, sapphire suggests faithfulness, wisdom, and quiet wealth. It is richer than royal blue and less heavy than navy, which suits luxury goods, formal invitations, and any brand that wants blue's trustworthiness with a sense of value added.
How to use Sapphire in design
White text reads clearly on sapphire, and it makes a polished choice for headers, primary buttons, and premium packaging. Dark text does not hold up. Sapphire looks particularly good with metallic accents, so silver or gold foil on print projects is a natural fit.
On screens it can sit very close to cobalt and royal blue, so pick one and keep it consistent. In fashion, sapphire gowns and velvet suits are an evening favorite; in interiors it suits velvet upholstery and painted libraries.
Palettes with Sapphire tones
Curated palettes with a color close to #0F52BA.
Colors similar to Sapphire
Work with Sapphire
Sapphire FAQ
What is the difference between sapphire and cobalt blue?
They are very close. Sapphire (#0F52BA) is a little brighter and more saturated, while cobalt (#0047AB) is slightly darker and denser. The names differ in origin: sapphire comes from the gemstone and suggests luxury, while cobalt comes from a pigment and suggests ceramics, glass, and craft.
What does sapphire blue symbolize?
Sapphire blue is usually linked with loyalty, honesty, and wisdom, largely through the gemstone's long use in rings and royal jewelry. It also signals wealth and refinement. Exact meanings shift between cultures and belief systems, but the core idea of steadfast value shows up in many Western traditions.