HEX #0F52BA / RGB (15, 82, 186)

Sapphire Precious Blue gemstone

What is Sapphire Color?

Sapphire (Hex code: 0F52BA) Thumbnail

Sapphire has the hex code #0F52BA. The equivalent RGB values are (15, 82, 186), which means it is composed of 5% red, 29% green and 66% blue. The CMYK color codes, used in printers, are C:92 M:56 Y:0 K:27. In the HSV/HSB scale, Sapphire has a hue of 216°, 92% saturation and a brightness value of 73%.
Details of other color codes including equivalent web safe and HTML & CSS colors are given in the table below. Also listed are the closest Pantone® (PMS) and RAL colors.

Sapphire is a strong blue color named after the gemstone. The color can be applied to web pages with HTML and/or CSS via the hex, RGB, CMYK or HSB color values.

Sapphire Color Codes

Hex Code#0F52BA
RGB Values(15, 82, 186)
CMYK Values(92%, 56%, 0%, 27%)
HSV/HSB Values(216°, 92%, 73%)
Closest Web Safe#0066CC
Inverse Color#F0AD45 [Maximum Yellow Red]
Closest Pantone®2935 C
Closest RAL5015 [Sky blue]
Complementary Color#BA770F [Philippine Gold]
Sapphire Converted to Grayscale Codes
Simple Average#5E5E5E
Weighted Average (Most Common)#494949
Weighted Average (Luma)#4B4B4B
Weighted Average (Gamma Adjusted)#8F8F8F

Sapphire Color Palettes

Complementary color palette of 0F52BA. Complementary color is BA770F

Complementary Palette

The complement of Sapphire is Philippine Gold with the hex code #BA770F. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #0F52BA color is offered by #BA770F. The complementary color palette is easiest to use and work with. Studies have shown that contrasting color palette is the best way to grab a viewer's attention.

Analogous color palette with (0F52BA, 210FBA and 0FA8BA)

Analogous Palette

The analogous colors of Sapphire (#0F52BA) are Neon Blue (#210FBA) and Blue-Green (#0FA8BA). In the RGB color wheel, these two analogous colors occur to the right and left of Sapphire with a 30° separation on either side. An analogous color palette is extremely soothing to the eyes and works wonders if your main color is soft or pastel.

Split Complementary color palette with (0F52BA, BA220F and A8BA0F)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Sapphire (#0F52BA) are #BA220F (International Orange (Engineering)) and #A8BA0F (Acid Green). A split-complementary color palette consists of the main color along with those on either side (30°) of the complementary color. Based on our research, usage of split-complementary palettes is on the rise online, especially in graphics and web sites designs. It may be because it is not as contrasting as the complementary color palette and, hence, results in a combination which is pleasant to the eyes.

Triadic color palette with (0F52BA, BA0F52 and 52BA0F)

Triadic Palette

Sapphire triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #BA0F52 (Pictorial Carmine) and #52BA0F (Kelly Green) along with #0F52BA create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

Tetradic color palette with (0F52BA, BA0F52, BA770F and 0FBA77)

Tetradic Palette

The tetradic palette of Sapphire has four colors - #BA0F52 (Pictorial Carmine), #BA770F (Philippine Gold) and #0FBA77 (Green (Crayola)) in addition to the base color (#0F52BA). A tetradic color palette is complex and, in most cases, should not be used off-the-shelf. We suggest tweaking the colors slightly to achieve desired results.

Square color palette with (0F52BA, BA0FA8, BA770F and 0FBA22)

Square Palette

Sapphire square color palette has #BA0FA8 (Heliotrope Magenta), #BA770F (Philippine Gold) and #0FBA22 (Vivid Malachite). Quite like triadic, the hues in a square palette are at the maximum distance from each other, which is 90°.
Note: For several colors purposes, a square palette may look much better than the tetrad color palette.

Rainbow color

Sapphire Color Rainbow Palette

Our Sapphire rainbow color palette is based on the RGB model and consists of 7 colors, just like the traditional rainbow. You might not see a lot of variation in color, especially if the chosen color is dark or extremely light. However, this can lead interesting rainbow palettes that are faded, soft, pastel or dull.

Tints, Tones & Shades of Sapphire Color


  • Transparent 3F75C8#3F75C8
  • Transparent 5786CF#5786CF
  • Transparent 6F97D6#6F97D6
  • Transparent 87A9DD#87A9DD
  • Transparent 9FBAE3#9FBAE3
  • Transparent B7CBEA#B7CBEA
  • Transparent CFDCF1#CFDCF1
  • Transparent E7EEF8#E7EEF8


  • Transparent 265BAE#265BAE
  • Transparent 3160A9#3160A9
  • Transparent 3C64A3#3C64A3
  • Transparent 48699D#48699D
  • Transparent 536E97#536E97
  • Transparent 5E7291#5E7291
  • Transparent 69778C#69778C
  • Transparent 757B86#757B86


  • Transparent 0C4295#0C4295
  • Transparent 0B3982#0B3982
  • Transparent 093170#093170
  • Transparent 08295D#08295D
  • Transparent 06214A#06214A
  • Transparent 051938#051938
  • Transparent 031025#031025
  • Transparent 020813#020813

Sapphire Color Patterns

  • Transparent

    Sapphire Gingham Checks

  • Transparent

    Sapphire Vertical Stripes Pattern

  • Transparent

    Sapphire Polka Dots Pattern

  • Transparent

    Sapphire Honeycomb Pattern

  • Transparent

    Sapphire Leaves Pattern

  • Transparent

    Sapphire Houndstooth Pattern

  • Transparent

    Sapphire Trellis Pattern

  • Transparent

    Sapphire Plaid Pattern

Photo credits: