Search Colors

Petrol Blue Color

HEX #0C5678 / RGB (12, 86, 120)

Women Sweatshirt

What is Petrol Blue Color?

Petrol Blue (Hex code: 0C5678) Thumbnail

Petrol Blue has the hex code #0C5678. The equivalent RGB values are (12, 86, 120), which means it is composed of 6% red, 39% green and 55% blue. The CMYK color codes, used in printers, are C:90 M:28 Y:0 K:53. In the HSV/HSB scale, Petrol Blue has a hue of 199°, 90% saturation and a brightness value of 47%.
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.

Petrol Blue is not part of the web colors list and, therefore, cannot be used by name in HTML and CSS code. The best way to apply the color to a web page is to put in its hex, RGB or HSL values. Please also note that the Petrol Blue CMYK numbers mentioned on this page are only approximations and have been calculated from the hex code using well-known formulae.

Download Petrol Blue Solid Color Background

Petrol Blue Color Codes

Hex Code#0C5678
RGB Values(12, 86, 120)
CMYK Values(90%, 28%, 0%, 53%)
HSV/HSB Values(199°, 90%, 47%)
Closest Web Safe#006666
Inverse Color#F3A987 [Vivid Tangerine]
Closest Pantone®7701 C
Closest RAL5019 [Capri blue]
Complementary Color#782E0C [Smokey Topaz]
Petrol Blue Converted to Grayscale Codes
Simple Average#494949
Weighted Average (Most Common)#444444
Weighted Average (Luma)#494949
Weighted Average (Gamma Adjusted)#8D8D8D

Petrol Blue Color Palettes

Complementary color palette of 0C5678. Complementary color is 782E0C

Complementary Palette

The complement of Petrol Blue is Smokey Topaz with the hex code #782E0C. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #0C5678 color is offered by #782E0C. 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.

0C5678 782E0C
Analogous color palette with (0C5678, 0C2078 and 0C7864)

Analogous Palette

The analogous colors of Petrol Blue (#0C5678) are Catalina Blue (#0C2078) and Deep Green-Cyan Turquoise (#0C7864). In the RGB color wheel, these two analogous colors occur to the right and left of Petrol Blue 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.

0C5678 0C2078 0C7864
Split Complementary color palette with (0C5678, 780C20 and 78640C)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Petrol Blue (#0C5678) are #780C20 (UP Maroon) and #78640C (Bronze Yellow). 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.

0C5678 780C20 78640C
Triadic color palette with (0C5678, 780C56 and 56780C)

Triadic Palette

Petrol Blue triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #780C56 (French Plum) and #56780C (Avocado) along with #0C5678 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

0C5678 780C56 56780C
Tetradic color palette with (0C5678, 780C56, 782E0C and 0C782E)

Tetradic Palette

The tetradic palette of Petrol Blue has four colors - #780C56 (French Plum), #782E0C (Smokey Topaz) and #0C782E (La Salle Green) in addition to the base color (#0C5678). 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.

0C5678 780C56 782E0C 0C782E
Square color palette with (0C5678, 640C78, 782E0C and 20780C)

Square Palette

Petrol Blue square color palette has #640C78 (Metallic Violet), #782E0C (Smokey Topaz) and #20780C (Metallic Green). 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.

0C5678 640C78 782E0C 20780C
Rainbow color

Petrol Blue Color Rainbow Palette

Our Petrol Blue 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.

0C5678 1F0C78 780C75 780C18 785C0C 37780C 0C783E

Tints, Tones & Shades of Petrol Blue Color


  • Transparent 3D78933D7893
  • Transparent 5589A15589A1
  • Transparent 6D9AAE6D9AAE
  • Transparent 86ABBC86ABBC
  • Transparent 9EBBC99EBBC9
  • Transparent B6CCD7B6CCD7
  • Transparent CEDDE4CEDDE4
  • Transparent E7EEF2E7EEF2


  • Transparent 235E7A235E7A
  • Transparent 2F637A2F637A
  • Transparent 3A677B3A677B
  • Transparent 466B7C466B7C
  • Transparent 526F7D526F7D
  • Transparent 5D737E5D737E
  • Transparent 69787E69787E
  • Transparent 747C7F747C7F


  • Transparent 0A45600A4560
  • Transparent 083C54083C54
  • Transparent 073448073448
  • Transparent 062B3C062B3C
  • Transparent 052230052230
  • Transparent 041A24041A24
  • Transparent 021118021118
  • Transparent 01090C01090C

Petrol Blue Color Patterns

  • Transparent

    Petrol Blue Gingham Checks

  • Transparent

    Petrol Blue Vertical Stripes Pattern

  • Transparent

    Petrol Blue Polka Dots Pattern

  • Transparent

    Petrol Blue Honeycomb Pattern

  • Transparent

    Petrol Blue Leaves Pattern

  • Transparent

    Petrol Blue Houndstooth Pattern

  • Transparent

    Petrol Blue Trellis Pattern

  • Transparent

    Petrol Blue Plaid Pattern

Petrol Blue Color Interior Ideas

Pretty Photo frame on Petrol Blue color drawing room interior textured wall

Petrol Blue Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Petrol Blue color Living room wal color

Petrol Blue Color Living Room Wall Paint Idea

Pretty Photo frame on Petrol Blue color Bedroom interior wall color

Petrol Blue Color Bedroom Wall Paint Idea

Pretty Photo frame on Petrol Blue color kitchen interior wall color

Petrol Blue Color Kitchen Wall Paint Idea

Photo credits: