Sapphire blue color

Named after the gemstone. It's a deep, brilliant blue with a touch of luxury. It's used in gowns, engagement rings and premium packaging.

Also known as: sapphire.

Sapphire blue · #0F52BA

About sapphire blue

Sapphire blue (#0F52BA) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 15 red, 82 green and 186 blue (out of 255). It is mostly used in jewelry, fashion, events.

Sapphire blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Sapphire blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Ochre

AnalogousClose to: Verdigris, Dark blue

TriadicClose to: Rose red, Kelly green

Split complementaryClose to: Fire engine red, Apple green

TetradicClose to: Purple, Ochre, Kelly green

Sapphire blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Sapphire blue

Analogous palette · Sapphire blue

Complementary palette · Sapphire blue

Triadic palette · Sapphire blue

With neutrals palette · Sapphire blue

With an accent palette · Sapphire blue

Sapphire blue contrast with text

White textContrast 7.2:1 · AAA

Black textContrast 2.9:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --sapphire-blue: #0F52BA;
  --sapphire-blue-rgb: 15, 82, 186;
}
.bg { background-color: var(--sapphire-blue); }
.text { color: var(--sapphire-blue); }

Colors similar to sapphire blue

Cobalt blue Denim blue Royal blue Slate blue Klein blue Azure Electric blue Royal purple Rebecca purple Dodger blue

Themed palettes with this color

Frequently asked questions

What is the hex code for sapphire blue?

The hex code for sapphire blue is #0F52BA. In RGB it is rgb(15, 82, 186), in HSL hsl(216, 85%, 39%) and in CMYK 92, 56, 0, 27.

What is the complementary color of sapphire blue?

Its complement on the color wheel is #BA770F, close to ochre. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on sapphire blue?

Yes. The contrast with white is 7.2:1, enough for body text (WCAG AA).