Sapphire blue color: code #0F52BA
Sapphire blue
#0F52BA
Color codes
- HEX
#0F52BA - RGB
rgb(15, 82, 186) - HSL
hsl(216, 85%, 39%) - HSV
hsv(216, 92%, 73%) - CMYK
cmyk(92%, 56%, 0%, 27%) - LAB
lab(37.3% 21.8 -60) - OKLCH
oklch(46.7% 0.176 260)
About the color Sapphire blue
Sapphire blue has the HEX code #0F52BA, which corresponds to rgb(15, 82, 186) in the RGB model. On the color wheel its hue sits at 216°, with 85% saturation and 39% lightness (hsl(216, 85%, 39%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 7.15:1 contrast ratio on it, versus 2.93:1 for black.
For print, the approximate conversion is cmyk(92%, 56%, 0%, 27%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Sapphire blue
Complementary
#0F52BA · #B8740F
Analogous
#0FA7B8 · #0F52BA · #200FB8
Triadic
#0F52BA · #B80F53 · #53B80F
Tetradic
#0F52BA · #B80FA7 · #B8740F · #0FB820
Split-complementary
#0F52BA · #B8200F · #A7B80F
Monochromatic
#051E42 · #0B3D89 · #0F52BA · #2676ED · #6DA3F3
Sapphire blue with white and black text
How to use it in CSS
:root {
--color-sapphire-blue: #0F52BA;
--color-sapphire-blue-rgb: 15, 82, 186;
}
.elemento {
background-color: var(--color-sapphire-blue);
color: #FFFFFF;
}