Sapphire Color Code

HEX

#0F52BA

RGB

rgb(15, 82, 186)

HSL

hsl(216, 85%, 39%)

CMYK

0%, 56%, 0%, 27%

About Sapphire

Sapphire Color is a deep and vibrant blue, reminiscent of the precious gemstone from which it takes its name. This color exudes elegance and sophistication, often associated with royalty and serenity.

Psychology

Sapphire Color is known to:

  • Promote calmness and tranquility
  • Evoke feelings of trust and loyalty
  • Inspire creativity and clarity of thought

Usage

This striking color is commonly used in:

  • Branding and marketing for luxury products
  • Interior design to create a sense of calm and sophistication
  • Fashion and accessories for a touch of elegance
  • Digital media to convey professionalism and trustworthiness

Combinations

Sapphire Color pairs beautifully with:

  • Gold ( #FFD700 )
  • Silver ( #C0C0C0 )
  • Soft White ( #F5F5F5 )
  • Coral ( #FF6B6B )
  • Charcoal Gray ( #36454F )

Sapphire Color shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Sapphire Color

Complementary

hsl(36, 85%, 39%)

Analogous

hsl(246, 85%, 39%)

Triadic

hsl(336, 85%, 39%)

Sapphire color values and uses

Sapphire is represented here by #0F52BA. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(15, 82, 186); HSL hsl(216, 85%, 39%) describes hue, saturation, and lightness, while CMYK 0%, 56%, 0%, 27% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use sapphire alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Sapphire

What is the hex code of Sapphire Color?

The hex code of Sapphire Color is #0F52BA.

What is the RGB value of Sapphire Color?

The RGB value is rgb(15, 82, 186), with red, green, and blue channels shown in that order.

What colors go with Sapphire Color?

Sapphire Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Sapphire Color?

The HSL value is hsl(216, 85%, 39%); the approximate CMYK conversion is 0%, 56%, 0%, 27%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors