Sapphire Color Code: HEX Code & RGB Code Values

Looking for specific sapphire color code? Get exact sapphire hex code #0F52BA and sapphire RGB code rgb(15,82,186). Complete color information for design and development projects featuring this precious, jewel-toned color.

HEX#0F52BA

RGBrgb(15,82,186)

Shades of Sapphire

Create custom shades of sapphire with our color generator. Adjust hues, tints, and tones to find the perfect shade of sapphire for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 0F52BA

  rgb(15, 82, 186)
• 1A4498

  rgb(26, 68, 152)
• 1D3778

  rgb(29, 55, 120)
• 1C2B59

  rgb(28, 43, 89)
• 181F3C

  rgb(24, 31, 60)
• 121321

  rgb(18, 19, 33)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 0F52BA

  rgb(15, 82, 186)
• 536CC6

  rgb(83, 108, 198)
• 7B87D2

  rgb(123, 135, 210)
• 9EA3DE

  rgb(158, 163, 222)
• BFC1E9

  rgb(191, 193, 233)
• DFE0F4

  rgb(223, 224, 244)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 0F52BA

  rgb(15, 82, 186)
• 2B52AE

  rgb(43, 82, 174)
• 3D539F

  rgb(61, 83, 159)
• 48548E

  rgb(72, 84, 142)
• 50557D

  rgb(80, 85, 125)
• 55566B

  rgb(85, 86, 107)
• 808080

  rgb(128, 128, 128)

Sapphire Palette

Explore curated and automatically generated color palettes featuring sapphire. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#98C1FE

Light

#759AE7

Medium Light

#4E75D1

Medium

#0F52BA

Medium Dark

#1B397D

Dark

#172244

Darkest

#060A12

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#0F52BA

Left Dark

#6577CA

Left Medium

#999FD9

Left Light

#C8C9E7

Neutral

#F5F5F5

Right Light

#EDD4BC

Right Medium

#DFB485

Right Dark

#CE954F

Complementary End

#BA770F

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#9EA3DE

Medium

#0F52BA

Dark

#002A87

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#0FBA77

Left Adjacent 1

#0FA7BA

Main

#0F52BA

Right Adjacent 1

#220FBA

Right Adjacent 2

#770FBA

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#0F52BA

Complementary

#BA770F

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#0F52BA

Secondary

#BA0F52

Tertiary

#52BA0F

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#0F52BA

Right 90°

#BA0FA7

Complementary

#BA770F

Left 90°

#0FBA22

Tetradic

Two pairs of complementary colors

4 colors

Main

#0F52BA

Secondary

#770FBA

Complementary

#BA770F

Complementary Secondary

#52BA0F

Split Complementary

Complementary colors ±30°

3 colors

Main

#0F52BA

Split Left

#BA220F

Split Right

#A7BA0F

Cyclic

Circular gradient for periodic data

8 colors

0°

#0F52BA

45°

#4C0FBA

90°

#BA0FA7

135°

#BA0F27

180°

#BA770F

225°

#7DBA0F

270°

#0FBA22

315°

#0FBAA2

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#9FAEC6

Pastel 1

#ACB9CE

Pastel 2

#B9C4D5

Pastel 3

#C5CFDD

Pastel 4

#D2D9E4

Deep Pastel

#DFE4EC

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Sapphire Hex & RGB Codes from Image

Upload a photo to find the exact sapphire HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Sapphire Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for sapphire shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #0F52BA
• RGB:
  rgb(15, 82, 186)
• CMYK:
  cmyk(92%, 56%, 0%, 27%)
• HSV:
  hsv(216°, 92%, 73%)
• HSL:
  hsl(216°, 85%, 39%)

---

What is Sapphire?

Sapphire is a precious, jewel-toned blue color named after the sapphire gemstone. It's a rich, vibrant shade that evokes feelings of luxury and rarity.

The hex code for sapphire is #0F52BA, with RGB values of rgb(15, 82, 186). It's an exquisite, timeless color.

Design Applications

Sapphire works well in luxury branding, jewelry designs, and regal aesthetics. It pairs beautifully with gold, white, and diamonds. Use it for premium products, jewelry branding, or elegant designs.

FAQ

What is the sapphire hex code?

The sapphire hex code is #0F52BA.

What colors complement sapphire?

Sapphire pairs well with gold, white, diamonds, and cream.

Is sapphire named after a gemstone?

Yes, it's named after the precious sapphire gemstone.