Sapphire Blue
A bold, energetic blue with professional clarity
Sapphire Blue is a saturated, high-energy hue that demands attention without feeling chaotic. As a bold 10% accent color, it works well in UI for calls to action or navigation links. Because it provides strong contrast against white, text readability is excellent. If you want to experiment with mixing blue, use the hex code #0067bc as a reliable, cool-toned anchor in your palette.
About Sapphire Blue
Pool water at full depth, lit by noon sun
What does sapphire blue mean?
Sapphire blue often signals trust, competence, and official authority, which is why banks, police uniforms, and sports teams reach for it. Its high saturation and mid darkness give it a charged, electric weight, louder and denser than a pale sky blue.
Where you see sapphire blue
- swimming pools
- highway exit signs
- porcelain vases
- soccer jerseys
- glass fishing floats
- butterfly wings
What it works for
It anchors athletic branding, tech dashboards, and signage because it stays bold without slipping into purple or green.
What colors go with sapphire blue?
Coral #ff7f50A warm orange-red opposite on the wheel, coral makes this blue snap forward.Mustard #ffdb58Mustard's earthy yellow warms the cool blue without fading into pastel territory.Blush #de5d83Soft blush pink tempers the blue's intensity and keeps the pairing approachable.Sand #e2ca76Sand reads as beach and water, letting the blue carry all the saturation.Mint #98ff98Mint sits one step lighter and greener, creating a clean aquatic gradient.Burnt Orange #cc5500Burnt orange doubles the contrast and gives the pairing a retro sports feel.
Questions about Sapphire Blue
What is the hex code for Sapphire Blue?
Sapphire Blue is #0067bc. In RGB that is rgb(0, 103, 188), in HSL hsl(207, 100%, 37%) and in CMYK 100%, 45%, 0%, 26%.
Is #0067bc a warm or cool blue?
Sapphire Blue #0067bc leans cool, maintaining a clean, professional aesthetic that avoids the muddiness often found in darker, desaturated tones. It sits firmly in the blue spectrum, offering a crisp, high-energy presence suitable for corporate or modern digital design applications.
Is Sapphire Blue readable on white or black?
Sapphire Blue has a 5.72:1 contrast ratio on white and 3.66: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.