Skip to content

Sapphire #0f52ba

Blue with a crown on it.

RGB
15, 82, 186
HSL
217°, 85%, 39%
CMYK
92, 56, 0, 27
Luminance
0.0968

About Sapphire

Sapphire, #0f52ba, is blue at gem grade — deeper than royal, brighter than navy, the color of velvet-boxed engagement rings and cathedral windows. Corundum with iron and titanium, it is ruby’s blue twin.

History

Medieval clergy wore sapphires as heaven’s color; Kashmir’s brief 1880s vein produced the legendary cornflower stones collectors still chase; and one royal engagement ring — Diana’s, then Kate’s — made sapphire the world’s most photographed blue.

Psychology

Sapphire reads wise, loyal and ceremonial — blue’s trust elevated to treasure. It is the blue of vows and credentials rather than corporations.

In design

Sapphire is a premium primary: #0f52ba passes text on white (6.8:1), glows under gold accents, and gives “luxury tech” without navy’s sobriety. Pair with champagne, ivory, silver and midnight canvases.

In culture

September’s birthstone, the 45th anniversary, sapphire skies in every ballad: the gem does blue’s formal occasions.

Brands that own sapphire

Shades of sapphire

Every format

HEX#0f52ba
RGBrgb(15, 82, 186)
HSLhsl(217, 85%, 39%)
CMYKcmyk(92%, 56%, 0%, 27%)
LABlab(37.3 21.8 -60.0)
LCHlch(37.3 63.9 289.9)
OKLCHoklch(0.467 0.176 260.0)

Copy-ready code

/* CSS */
color: #0f52ba;
background-color: #0f52ba;
/* Tailwind (arbitrary) */
class="text-[#0f52ba] bg-[#0f52ba]"
/* SCSS */
$brand: #0f52ba;
/* SwiftUI */
Color(red: 0.059, green: 0.322, blue: 0.729)
/* Android */
Color.parseColor("#0f52ba")

Accessibility — WCAG contrast

Aa
#0f52ba on white: 7.15:1
AA ✓ pass · AA-large · AAA
Aa
#0f52ba on black: 2.94:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red5.9%
Green32.2%
Blue72.9%

CMYK percentages

Cyan91.9%
Magenta55.9%
Yellow0.0%
Key (black)27.1%

Color previews

#0f52ba text on a black background

contrast 2.94:1

Card sample

#0f52ba text on a white background

contrast 7.15:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #0f52ba;
Background color
Panel with #0f52ba background
background-color: #0f52ba;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #0f52ba;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(15, 82, 186, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(15, 82, 186, 0.45);
Border & gradient
Gradient panel
border: 3px solid #0f52ba;
background: linear-gradient(135deg, #0f52ba, #3E0FBA);

Monochromatic scale

Palettes built from #0f52ba

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Sapphire, answered

What is the hex code for sapphire?

Sapphire is #0f52ba; Kashmir cornflower stones photograph nearer #6495ed, royal-dark examples toward #082567.

Sapphire vs royal blue vs cobalt?

Cobalt (#0047ab) is pigment-bright, royal (#4169e1) is lighter and friendlier, sapphire (#0f52ba) is the deep jewel between them.

Is sapphire accessible for text?

Yes — #0f52ba reaches 6.8:1 on white, passing AA comfortably and approaching AAA.

Work with #0f52ba in the Color Lab