Sapphire
Online color picker to view shades, tints, color codes, and complementary colors
Sapphire is a saturated, bold blue that commands attention. The hex code is #0f52ba. Use it as a focused accent or call-to-action button, as it can feel heavy when used as a full-page background. White text pops clearly against this shade with a 7.2:1 contrast ratio. If you are curious about how to make blue this intense, focus on deep, pure pigments.
Questions about Sapphire
What is the hex code for Sapphire?
Sapphire is #0f52ba. In RGB that is rgb(15, 82, 186), in HSL hsl(216, 85%, 39%) and in CMYK 92%, 56%, 0%, 27%.
How should Sapphire #0f52ba be used in web design?
Sapphire #0f52ba works best as an accent color for call-to-action buttons or navigation highlights rather than a full-page background. Because it is so saturated, it can feel overwhelming in large blocks, but it provides excellent contrast against white or light gray text.
Is Sapphire readable on white or black?
Sapphire has a 7.15:1 contrast ratio on white and 2.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.