Sapphire color: #0f52ba
Sapphire is #0f52ba, rgb(15, 82, 186) in RGB and oklch(46.654% 0.17629 260.008) in OKLCH. Every other format, shades, matching colors and palettes are below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Blue
- Dark
- Vivid
- Deep
- Cool
- blue-800
- Black 27%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Recent
Colors you stop on or copy appear here. They stay on this device.
Palettes with Sapphire
Similar named colors
Questions about Sapphire
What is the hex code for Sapphire?
The hex code for Sapphire is #0f52ba. In RGB it is rgb(15, 82, 186), in HSL hsl(216.49, 85.07%, 39.41%) and in OKLCH oklch(46.654% 0.17629 260.008).
What colors go well with Sapphire?
Its complementary color is #7b5000. For a calmer look, pair it with the analogous colors #00648e and #5d3eb3. Ready palettes with Sapphire are shown on this page.
Is Sapphire a warm or cool color?
Sapphire is a cool color with an OKLCH hue of 260 degrees.
What text color is readable on Sapphire?
White text is more readable on Sapphire: white gives a contrast ratio of 7.15:1 and black gives 2.94:1. WCAG AA asks for at least 4.5:1 for body text.
About #0f52ba
#0f52ba is a deep dark blue color. In OKLCH it has 46.7% lightness, 0.176 chroma and a hue of 260°.
Inside sRGB: displays the same on any screen.
White text on it reaches 7.15:1 contrast and black text 2.94:1, so white text reads better.
The closest named color is Sapphire (#0f52ba). In Tailwind CSS the closest color is blue-800.