Search Colors

Heather Navy Color

HEX #364062 / RGB (54, 64, 98)

Dark blue color hoodie

What is Heather Navy Color?

Heather Navy (Hex code: 364062) Thumbnail

Heather Navy has the hex code #364062. The equivalent RGB values are (54, 64, 98), which means it is composed of 25% red, 30% green and 45% blue. The CMYK color codes, used in printers, are C:45 M:35 Y:0 K:62. In the HSV/HSB scale, Heather Navy has a hue of 226°, 45% saturation and a brightness value of 38%.
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.

Heather Navy 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 the hex, RGB and/or HSL values. Please also note that the CMYK numbers mentioned on this page have been calculated from the hex code using well-known formulae and are only approximations.

Download Heather Navy Solid Color Background

Heather Navy Color Codes

Hex Code#364062
RGB Values(54, 64, 98)
CMYK Values(45%, 35%, 0%, 62%)
HSV/HSB Values(226°, 45%, 38%)
Closest Web Safe#333366
Inverse Color#C9BF9D [Dark Vanilla]
Closest Pantone®5265 C
Closest RAL5000 [Violet blue]
Complementary Color#625836 [Coffee]
Heather Navy Converted to Grayscale Codes
Simple Average#484848
Weighted Average (Most Common)#414141
Weighted Average (Luma)#404040
Weighted Average (Gamma Adjusted)#858585

Heather Navy Color Palettes

Complementary color palette of 364062. Complementary color is 625836

Complementary Palette

The complement of Heather Navy is Coffee with the hex code #625836. Complementary colors are those found at the opposite ends of the color wheel. Thus, as per the RGB system, the best contrast to #364062 color is offered by #625836. 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.

364062 625836
Analogous color palette with (364062, 423662 and 365662)

Analogous Palette

The analogous colors of Heather Navy (#364062) are Jacarta (#423662) and Police Blue (#365662). In the RGB color wheel, these two analogous colors occur to the right and left of Heather Navy 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.

364062 423662 365662
Split Complementary color palette with (364062, 624236 and 566236)

Split-Complementary Palette

As per the RGB color wheel, the split-complementary colors of Heather Navy (#364062) are #624236 (Van Dyke Brown) and #566236 (Dark Olive 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.

364062 624236 566236
Triadic color palette with (364062, 623640 and 406236)

Triadic Palette

Heather Navy triadic color palette has three colors each of which is separated by 120° in the RGB wheel. Thus, #623640 (Old Mauve) and #406236 (Deep Moss Green) along with #364062 create a stunning and beautiful triadic palette with the maximum variation in hue and, therefore, offering the best possible contrast when taken together.

364062 623640 406236
Tetradic color palette with (364062, 623640, 625836 and 366258)

Tetradic Palette

The tetradic palette of Heather Navy has four colors - #623640 (Old Mauve), #625836 (Coffee) and #366258 (Dark Slate Gray) in addition to the base color (#364062). 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.

364062 623640 625836 366258
Square color palette with (364062, 623656, 625836 and 366242)

Square Palette

Heather Navy square color palette has #623656 (Halayà Úbe), #625836 (Coffee) and #366242 (Deep Moss 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.

364062 623656 625836 366242
Rainbow color

Heather Navy Color Rainbow Palette

Our Heather Navy 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.

364062 513662 62364D 624536 596236 366238 36625E

Tints, Tones & Shades of Heather Navy Color


  • Transparent 5E66815E6681
  • Transparent 727991727991
  • Transparent 868CA1868CA1
  • Transparent 9BA0B19BA0B1
  • Transparent AFB3C0AFB3C0
  • Transparent C3C6D0C3C6D0
  • Transparent D7D9E0D7D9E0
  • Transparent EBECEFEBECEF


  • Transparent 454D68454D68
  • Transparent 4C536B4C536B
  • Transparent 545A6E545A6E
  • Transparent 5B60715B6071
  • Transparent 626674626674
  • Transparent 6A6D776A6D77
  • Transparent 71737A71737A
  • Transparent 797A7D797A7D


  • Transparent 2B334E2B334E
  • Transparent 262D45262D45
  • Transparent 20263B20263B
  • Transparent 1B20311B2031
  • Transparent 161A27161A27
  • Transparent 10131D10131D
  • Transparent 0B0D140B0D14
  • Transparent 05060A05060A

Heather Navy Color Patterns

  • Transparent

    Heather Navy Gingham Checks

  • Transparent

    Heather Navy Vertical Stripes Pattern

  • Transparent

    Heather Navy Polka Dots Pattern

  • Transparent

    Heather Navy Honeycomb Pattern

  • Transparent

    Heather Navy Leaves Pattern

  • Transparent

    Heather Navy Houndstooth Pattern

  • Transparent

    Heather Navy Trellis Pattern

  • Transparent

    Heather Navy Plaid Pattern

Heather Navy Color Interior Ideas

Pretty Photo frame on Heather Navy color drawing room interior textured wall

Heather Navy Color Drawing Room Textured Wall Paint Idea

Pretty Photo frame on Heather Navy color Living room wal color

Heather Navy Color Living Room Wall Paint Idea

Pretty Photo frame on Heather Navy color Bedroom interior wall color

Heather Navy Color Bedroom Wall Paint Idea

Pretty Photo frame on Heather Navy color kitchen interior wall color

Heather Navy Color Kitchen Wall Paint Idea

Photo credits:
Color-Name - Find color name by hex | Product Hunt