Sapphire Glitter
An intense and deeply saturated royal blue
Sapphire Glitter is an intense, saturated blue that carries significant visual weight. Its deep, cool character makes it an effective choice for dark mode UI interfaces where high contrast is necessary. White text pops against this shade, offering excellent readability. Because of its commanding presence, use #0033cc as an accent rather than a full background to avoid overwhelming your design composition.
About Sapphire Glitter
The deep end of the pool at dusk
What does sapphire glitter mean?
Deep blues like this one often signal trust, authority, and seriousness, which is why uniforms and finance lean on them. With low lightness and full saturation, it feels dense and enclosed, like light thinned out by water above it.
Where you see sapphire glitter
- ballpoint pen ink
- police uniforms
- denim jeans
- deep swimming pools
- strobe lights
- shadows on snow at night
What it works for
Use it as a dark base for night scenes, bold poster backgrounds, or typed text on light paper tones.
What colors go with sapphire glitter?
Questions about Sapphire Glitter
What is the hex code for Sapphire Glitter?
Sapphire Glitter is #0033cc. In RGB that is rgb(0, 51, 204), in HSL hsl(225, 100%, 40%) and in CMYK 100%, 75%, 0%, 20%.
How can I effectively use #0033cc in UI design?
Sapphire Glitter works best as a deliberate accent rather than a background color because of its intense visual weight. Use it for call-to-action buttons or highlights against a light gray or white background to ensure optimal user focus and readability.
Is Sapphire Glitter readable on white or black?
Sapphire Glitter has a 8.95:1 contrast ratio on white and 2.34: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.