Navigator Color

#5d83ab

Navigator is pale, cool-toned shade of blue cyan. It is better contrasting with white. This color combines beautifully with orange, mid green or red magenta

Inverse Color #a27c54
Complementary Color #ab845c
Color Shade: blue cyan (210.77° hue)
Color Temperature: cool
Lightness: 51.76% (better contrasting with white)
Navigator Color Sample
Navigator Color Sample

Better Alternatives To #5d83ab

If you're looking for a similar blue cyan shade, there are some better alternatives to Navigator Color. The Riverside color for instance is a darker and a bit more faded option, however this color has a cool cyan bias. Consider a darker and more soft alternative called Wedgewood (#4c6b88) for more calm effect. Try Shipyard as it also a bit more faded and calm.

Complementary Palette

#ab845c is the best complementary color to Navigator. Orange shades generally complement the blue cyan hues best as they are found on the opposite end of the color wheel. The most popular #5d83ab complementary color is Muesli, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of mid cyan, blue cyan, and mid blue colors offers a soft combination of similar cool shades. The analogous colors of Horizon are #5ca9ab and #5d5cab. Thus found on the left and right of #5d83ab on the color wheel with a 30° gap. Consider matching Tradewind and Scampi colors as they work well with Navigator.

Split-complementary Palette

The split-complementary Navigator palette consists of #a9ab5c and #ab5d5c colors. They can be found 30° apart on either side of the complementary color (#ab845c). Try Olive Green and Matrix colors in combination with #5d83ab, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #5d83ab offers a combination of yellow green and red magenta shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Navigator. Thus Chelsea Cucumber and Tapestry giving maximum hue separation to use all three together.

Square Palette

The square color palette of Navigator contains three additional colors. Thus, complementary Muesli, Tapestry, and Fruit Salad split by 90° on the color wheel. #5d83ab square combo is a palette of blue cyan, mid magenta, orange and mid green shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Navigator tetradic combo consists of orange complementary color (#ab845c) and two others. The Tapestry is positioned 120° clockwise from the primary color and Aqua Forest – 120° from the complementary Muesli. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #ab5c82 and #5cab84.

Conversion Table

In a RGB color space, hex #5d83ab is made of 24% red, 33% green and 43% blue. In a HSL mode Navigator has a hue angle of 210.77°, a saturation of 31.71% and a lightness of 51.76%. In a CMYK space (used in printing only), hex #5d83ab is made of 30.59% cyan, 15.69% magenta, 0% yellow and 32.94% black ink.

HEX #5d83ab
RGB Decimal rgb(93,131,171)
RGB Percentage 24%, 33%, 43%
CMYK 30.59, 15.69, 0, 32.94
HSL hsl(210.77,31.71%,51.76%)
HSV (or HSB) hsv(210.77,45.61%,67.06%)
CIE-LAB lab(53.4925,-2.2346,-25.339)
XYZ xyz(19.9812,21.5,41.6249)
;