Blue Sapphire
Meet Blue Sapphire (#006E75), a deep teal with a commanding presence. Its striking character comes from a rich saturation and a sophisticated balance between blue and green, creating a hue that feels both familiar and distinct in any palette.
What color is Blue Sapphire?
Blue Sapphire is a deep, cool-toned shade that occupies the space between blue and green.
It possesses strong green undertones, giving it a rich, aquatic quality that feels both sophisticated and serene.
What is the meaning of Blue Sapphire in design?
Historically associated with royalty and wisdom, Blue Sapphire is a symbol of truth, faithfulness, and sincerity.
Psychologically, this deep hue inspires a sense of calm and focus, suggesting quiet confidence and intellectual strength.
How can I use Blue Sapphire in UI design?
In practice, Blue Sapphire (#006E75) works well as either a primary or an accent color. For strong contrast, pair it with light neutrals like off-white or soft grays. For a more dynamic palette, consider a split-complementary scheme with warm oranges and yellows. Applying the 60-30-10 rule can also create a balanced composition, using Blue Sapphire as the secondary color to add depth without overwhelming the design.
While not as widespread as primary blue, this rich teal gives brands like Lyssna, Vinted, and Trulia a distinct and memorable identity. Choosing a less common color like Blue Sapphire can help your design stand out and signal a certain sophistication.
Use the tools below to see how Blue Sapphire works in practice. You can explore curated palettes, check your color combinations for accessibility, and preview the color applied to UI components from well-known apps.
Using Blue Sapphire color codes
Using the Blue Sapphire hex code, #006E75, is straightforward for web-based projects. However, to maintain color consistency across different mediums, you'll often need to convert this value into other formats.
Each color code system serves a specific purpose. RGB (Red, Green, Blue) is the standard for digital screens, defining colors by mixing light. For print work, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which are based on ink mixing. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments in design software.
To help you get started, we've converted Blue Sapphire's #006E75 hex code into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous colors are neighbors on the color wheel. For Blue Sapphire, these adjacent hues create a harmonious and tranquil visual experience for users.
Complementary
Complementary colors are opposites on the color wheel. When paired with Blue Sapphire, its complement creates a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme pairs Blue Sapphire with the two colors adjacent to its direct complement, offering high contrast with more nuance.
Triadic
A triadic scheme for Blue Sapphire involves two other colors equally spaced on the color wheel, resulting in a vibrant, high-contrast palette.
Tetradic
A tetradic scheme pairs Blue Sapphire with three other colors, creating two complementary pairs that form a rectangle on the color wheel.
Square
A square color scheme forms a square on the color wheel, pairing Blue Sapphire with three other colors for a lively, high-contrast combination.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Blue Sapphire result from adding black, which gives the color more depth and gravity.
Tints
Tints of Blue Sapphire are created by mixing in white, resulting in softer, airier tones.
Tones
Adding gray to Blue Sapphire creates tones, resulting in a softer, less saturated hue.
Hues
Hues are variations of Blue Sapphire, #006E75, that alter its intensity or temperature.
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.
