Sapphire blue

#0067A5

Blue Family →

What Color is Sapphire blue

Sapphire blue is a vivid, saturated shade that sits comfortably between royal blue and navy, radiating an intense richness. Reminiscent of the precious corundum stone, it embodies a sense of regal sophistication while maintaining high visibility. It balances the calming nature of cool colors with a jewel-toned brilliance that commands attention.

What color is opposite Sapphire blue?

The opposite color to Sapphire blue is Fire (#a33f00).

View Fire

Additional Information

  • Color Family: Blue
  • Temperature: Cool
  • Associated Season: Autumn
  • Complementary Color: #A33F00
  • Brightness: 79/255
  • Saturation: 100%

Colors That Pair Well With Sapphire blue

Complementary

Pair with Fire for a harmonious, balanced look. Great for backgrounds and accents.

#0067A5#a33f00

High Contrast

Use Tan Hide for maximum readability. Ideal for text or critical UI elements.

#0067A5#ff985a

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#66a4c9#003453

Sapphire blue History

The name derives from the Greek sappheiros, initially referring to Lapis Lazuli before being associated with the specific corundum mineral we know today. Historically, capturing this specific deep, clear blue in paint was difficult until the synthesis of French Ultramarine in the 19th century, which allowed artists to replicate the gem's hue without crushing expensive semi-precious stones. In the Middle Ages, this shade was reserved for religious iconography, symbolizing heaven and divine truth.

By the 1920s, sapphire blue became a defining color of the Art Deco movement, paired often with chrome and geometric shapes to symbolize modernity and luxury. Unlike indigo, which has ancient roots in textile dyeing, sapphire as a color name gained prominence alongside the rise of modern gemology and synthetic pigments. It represents a shift from organic, earthy blues to purely strictly optical, mineral-based perfection.

Meaning & Psychology

Psychologically, sapphire blue projects an aura of unshakable integrity and professional reliability. It acts as a mental sedative, encouraging deep concentration and orderly thought processes, which is why it is frequently utilized in corporate environments. Unlike lighter blues which can feel flighty, this shade possesses a heavy, grounded authority.

Culturally, the color is linked to the throat chakra, governing communication and creative expression. It inspires feelings of loyalty and truthfulness, reducing stress without inducing the melancholy sometimes associated with greyer tones. It suggests a sharp intellect and clarity of mind, making the viewer feel secure and focused.

In Nature

The most defining example is the gemstone itself, where trace elements of iron and titanium interact within the crystal structure to absorb red light. In the animal kingdom, this electric hue appears on the throat of the Sapphire-spangled Emerald hummingbird, created by microscopic structures in the feathers rather than pigment. It is also seen in the depths of glacial lakes, where pure water absorbs longer wavelengths, scattering this profound blue back to the observer.

How To Use Sapphire blue

In design, sapphire blue is a powerhouse for establishing trust; use it as a dominant brand color for financial, medical, or technological identities. It pairs magnificently with metallic accents like silver or platinum, creating a futuristic yet high-end look. Avoid pairing it with low-contrast dark greys; instead, let it pop against stark white or cream backgrounds.

From an accessibility standpoint, this hex code provides excellent contrast against white text, meeting WCAG AA and AAA standards easily. When applied to interior textures, such as velvet or silk, the color absorbs light to create a moody, luxurious depth. It serves as a sophisticated alternative to black for formal typography or structural lines.

Related Words

corundumfrench ultramarineheavenart decogemologyintegrityconcentrationauthoritycommunicationintellectgemstonehummingbirdlakestrustsilverbackgroundscontrastvelvetlines

Curated Palettes

#0067A5
#D4AF37
#F5F5F5
#1A2421
#E6E6FA

Imperial Regency

A high-contrast, luxurious palette mixing the jewel tone with metallic and neutral grandeur.

#0067A5
#5CA4D6
#A3CFE8
#E0FFFF
#003366

Glacial Depth

A monochromatic, cooling scheme ranging from deep water to frozen ice.

#0067A5
#CC5500
#FFD700
#FFFFFF
#708090

Modern Complement

A dynamic pairing of cool sapphire with warm, burnt earthy tones for visual vibration.

Color Conversions

Hex
#0067A5
RGB
0, 103, 165
RGB %
0%, 40%, 65%
HSL
203°, 100%, 32%
HSV
203°, 100%, 65%
CMYK
100%, 38%, 0%, 35%
LAB
41.87, -1.13, -40.26
XYZ
11.64, 12.42, 37.38

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #0067A5;
Text Color (RGB)
Aa
color: rgb(0, 103, 165);
Background Color
background-color: #0067A5;
Border
border: 3px solid #0067A5;
Box Shadow
box-shadow: 0 4px 12px #0067A566;
Gradient
background: linear-gradient(135deg, #0067A5 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Sapphire blue

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Sapphire blue

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Sapphire blue?

Explore color palettes containing Sapphire blue and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Caran d'ache Luminance 6901

Phthalocyanine Blue

#162#005BAB

Buy

Prismacolor

Cerulean Blue

#PC103#005895

Buy

Polychromos

cobalt blue

#143#056AB5

Buy

Polychromos

helioblue-reddish

#151#1770B8

Buy

Prismacolor

Blue Violet Lake

#PC1079#4575BF

Buy

Caran d'ache Luminance 6901

Grey Blue

#755#1976A4

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Sapphire blue?
The hex code for Sapphire blue is #0067A5. The RGB values are (0, 103, 165). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Sapphire blue?
Sapphire blue pairs well with its complementary color, Fire (#a33f00). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Sapphire blue accessible for text?
No, Sapphire blue is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Sapphire blue in CSS?

You can use Sapphire blue in CSS with its hex code. Here is an example class:

.sapphire-blue {
  background-color: #0067A5;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.