Color Code Palette

Appearance

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.

Visual example of sapphire color with its precious, jewel-toned appearance
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.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 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.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

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.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

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.