Sapphire
Meet Sapphire (#0F52BA), a brilliant blue that balances intensity with remarkable clarity. This pure, saturated hue offers a striking alternative to common blues, providing a jolt of energy and depth to any palette without feeling overwhelming.
Sapphire Code Conversions
HEX
#0F52BA
LAB
37, 22, -60
RGB
15, 82, 186
XYZ
12.1, 9.7, 47.7
HSL
216°, 85%, 39%
LCH
37, 64, 290°
HSB
216°, 92%, 73%
LUV
37, -18, -86
HWB
216°, 6%, 27%
Sapphire Color Harmonies
Analogous
Analogous colors are found next to Sapphire on the color wheel. This combination creates a harmonious and tranquil palette, perfect for serene designs.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Sapphire, its complement creates a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Sapphire pairs it with the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic colors for Sapphire are found by selecting two additional hues equidistant on the color wheel, resulting in a bold, balanced combination.
Tetradic
A tetradic scheme pairs Sapphire with three other colors, creating two complementary pairs that form a rectangle on the color wheel.
Square
A square color scheme pairs Sapphire with three other colors, all equidistant on the color wheel. This arrangement creates a vibrant, high-contrast palette.
Sapphire Contrast Simulation
Sapphire Color Variations
Shades
Shades are darker versions of Sapphire, created by adding black to give the color depth and weight.
Tints
Tints are lighter versions of Sapphire, created by adding white for a softer, airier feel.
Tones
Tones are created by adding gray to Sapphire, resulting in a softer, less saturated hue.
Hues
Hues are variations of Sapphire (#0F52BA), altering its intensity and temperature for different visual effects.
What Interfaces Use Colors Like Sapphire?























