Blue color

Sapphire #0F52BA

#0F52BA · rgb(15, 82, 186)

Sapphire is the color #0F52BA. In RGB it is rgb(15, 82, 186) — 6% red, 32% green and 73% blue. Its CMYK breakdown is 92% cyan, 56% magenta, 0% yellow and 27% black, and in HSL it sits at 216° hue, 85% saturation and 39% lightness. Sapphire is not a standard CSS color name; the nearest web color is Royal Blue (#4169E1). The closest web-safe color is #0066CC.

Open in color picker Convert Make a palette Check contrast

Sapphire color codes

Hex#0F52BA

RGBrgb(15, 82, 186)

RGB %6%, 32%, 73%

HSLhsl(216, 85%, 39%)

HSV / HSBhsv(216, 92%, 73%)

CMYKcmyk(92%, 56%, 0%, 27%)

OKLCHoklch(47% 0.176 260)

Closest web-safe#0066CC

Sapphire color meaning

Sapphire is a bold and energetic blue — a cool color at 39% lightness and 85% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is bold and energetic, sapphire works best for logos, buttons, highlights, sports kit and anything that should grab attention. It is dark enough to use for text on a white page (7.2:1 contrast).

What colors go with Sapphire?

Sapphire pairs well with Copper, Light Sea Green, Medium Blue and Linen: Copper sits close to its opposite on the color wheel for strong contrast, Light Sea Green and Medium Blue are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around sapphire in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Sapphire at a glance

Color family	Blue · cool, bold and energetic
CSS color name	No — nearest keyword is Royal Blue (#4169E1)
As text on white	7.15:1 — passes WCAG AAA
Best text on it	White (7.15:1)
For print (CMYK)	92% cyan, 56% magenta, 0% yellow, 27% black
Full screen	Open the sapphire screen — fill your display or download it in 4K

Contrast

Contrast ratio of Sapphire against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 7.15:1 Black text — 2.94:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Sapphire

Sapphire color FAQ

What is the hex code for Sapphire?

Sapphire is #0F52BA, which is rgb(15, 82, 186) and hsl(216, 85%, 39%). For print it is roughly C92 M56 Y0 K27.

What colors go with Sapphire?

Sapphire pairs well with Copper, Light Sea Green, Medium Blue, Linen. Copper gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Sapphire a warm or cool color?

Sapphire is a cool color: its hue is 216°, on the green, blue and violet side of the color wheel.

What text color looks best on Sapphire?

White text, with a contrast ratio of 7.2:1, which meets WCAG AA for normal text. Sapphire itself is also readable as text on white (7.2:1).