Dark Sapphire
Meet Dark Sapphire (#052286), a profound blue that sits on the edge of black. Its incredible depth gives it a foundational quality, while a distinct blue undertone provides a richness that pure black lacks, making it a striking choice for any palette.
What color is Dark Sapphire?
Dark Sapphire is a rich, deep blue that carries a cool temperature and significant depth.
A subtle green undertone gives it a unique character, pulling it away from a straightforward navy and adding a layer of complexity.
What is the meaning of Dark Sapphire (#052286)?
Dark Sapphire symbolizes wisdom, integrity, and authority. Historically associated with royalty and nobility, it carries a sense of seriousness and depth.
The color evokes feelings of stability, confidence, and calm. Its intensity suggests power and structure, making it a shade of profound significance and trust.
How can I use Dark Sapphire in my UI design?
Dark Sapphire’s depth makes it a powerful choice for creating visual hierarchy. For maximum legibility, set it against light neutrals like off-white or soft grays—ideal for text or as a background for key interface elements. To build a more dynamic palette, consider pairing #052286 with a warm, complementary ochre or a sophisticated metallic gold. This creates a striking balance between stability and energy.
While some brands like Trulia and Cleo feature similar deep blues, Dark Sapphire is not a color you see every day. This presents a unique opportunity for differentiation, allowing a product to establish a memorable and confident visual identity that stands apart from the more common blues in tech.
To see these principles in action, use the tools below. You can explore curated palettes, test your color combinations for accessibility, and preview how Dark Sapphire looks within the UI components of well-known apps.
How do I use the Dark Sapphire color codes?
The hex code #052286 is your direct entry point for using Dark Sapphire in digital projects. Because of its deep saturation, it makes a strong statement as a primary brand color or a commanding accent in any palette.
While hex codes are standard for the web, you'll often need to translate #052286 into other formats for different media. For instance, RGB values are essential for digital screen consistency, while CMYK is the go-to for print materials. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments during the design process.
To help you get started, we've converted Dark Sapphire's hex code #052286 into a variety of popular color models. You can find and copy these values right below.
Analogous
An analogous scheme pairs Dark Sapphire with its neighbors on the color wheel, creating a serene and cohesive look with minimal contrast.
Complementary
To find Dark Sapphire's complements, look directly across the color wheel. These opposing hues produce a striking, energetic pairing perfect for catching attention.
Split Complementary
Split complementary colors offer a sophisticated alternative to a direct complement, pairing Dark Sapphire with the two colors that flank its opposite.
Triadic
For a bold, multicolored look, a triadic scheme matches Dark Sapphire with two other hues from equidistant points on the color wheel.
Tetradic
Tetradic palettes pair Dark Sapphire with three other hues, forming two complementary pairs on the color wheel for a vibrant and balanced combination.
Square
Square color schemes pair four evenly spaced colors from the color wheel. The result is a bold, high-contrast palette built around Dark Sapphire.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Dark Sapphire creates shades, which introduce a sense of depth and weight.
Tints
Tints are lighter variations of Dark Sapphire, created by adding white to soften the hue.
Tones
Tones are muted versions of Dark Sapphire, created by adding gray to soften its saturation.
Hues
Hues are variations of Dark Sapphire, differing in intensity or temperature to create distinct moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.



























































































































