Sapphire Blue

#0F52BA

What color is Sapphire Blue?

Sapphire blue is a deep, vivid medium-dark blue with a cool, slightly electric quality, hex #0F52BA, close to the color of a clear deep-sea horizon. It is richer and more saturated than a cornflower, with a strong blue presence that reads cleanly without veering toward navy or violet.

What is the meaning of the color Sapphire Blue?

Named after the sapphire gemstone, the color has been tied to royalty and ceremony since ancient Greece and Rome, where the stone was associated with divine favor. The English word sapphire traces through Old French saphir to the Latin sapphirus and Greek sappheiros, with sapphire as a color term recorded in English by the 14th century. European monarchies used sapphire-blue heavily in heraldry and ceremonial dress through the medieval and early modern periods, reinforcing its association with authority and trust. The color is anchored in modern recognition through the Tiffany Blue Box’s sibling tone and, more directly, through the Chase Sapphire credit card, launched in 2009, which built its luxury identity around the name and its associations.

RGB
15, 82, 186
HSL
216°, 85%, 39%
CMYK
92, 56, 0, 27
HSV
216°, 92%, 73%
Sapphire blue color

What colors go with Sapphire Blue?

Colors that pair well with Sapphire blue include:
Gold: warm, rich contrast
White: clean, crisp balance
Charcoal: deep, grounded pairing
Silver: cool, polished tone
Cream: soft, warm offset

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0F52BA color: #0F52BA;
RGB 15, 82, 186 color: rgb(15, 82, 186);
RGB Percentage 6%, 32%, 73% color: rgb(6%, 32%, 73%);
CMYK 92%, 56%, 0%, 27% Not supported in CSS
HSL 216°, 85%, 39% color: hsl(216, 85%, 39%);
HSV 216°, 92%, 73% Not supported in CSS
CIE-LAB 31, -13, -35 color: lab(31% -13 -35);
Decimal 1004218 Not supported in CSS

Color Variations

Shades

#0F53B8
#0D4AA6
#0C4293
#0A3A81
#09326E
#07295C
#06214A
#041937

Tints

#A9C8F8
#8CB6F6
#6FA4F3
#5292F1
#3680EF
#196DEC
#115FD5
#0F53B8

Tones

#0F53B8
#1754B0
#2056A7
#28589F
#315996
#395B8E
#425D85
#4A5E7D

Hues

#0F53B8
#4A0FB8
#B80FA7
#B80F28
#B8740F
#7DB80F
#0FB820
#0FB89F

Color Harmonies

Analogous

#0FA7B8
Click to copy
#0F52BA
Click to copy
#200FB8
Click to copy

Complementary

#0F52BA
Click to copy
#B8740F
Click to copy

Split Complementary

#0F52BA
Click to copy
#B8200F
Click to copy
#A7B80F
Click to copy

Triadic

#0F52BA
Click to copy
#B80F53
Click to copy
#53B80F
Click to copy

Tetradic

#0F52BA
Click to copy
#B80FA7
Click to copy
#B8740F
Click to copy
#0FB820
Click to copy

Square

#0F52BA
Click to copy
#B80FA7
Click to copy
#B8740F
Click to copy
#0FB820
Click to copy

CSS & Dev Snippets

CSS
.sapphire-blue {
  color: #0F52BA;
}
SCSS
$sapphire-blue: #0F52BA;
RGB
rgb(15, 82, 186)

Accessibility & Contrast

White background

7.15:1
7.15
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

2.94:1
2.94
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags