Navigator Color – #5d83ab: Codes and Complete Breakdown

The Navigator color hex code is #5d83ab, and it is composed of 36% red, 51% green and 67% blue.

Navigator is a dark, muted, and cool color at 46% saturation. It has a contrast ratio of 3.96:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Navigator color (#5d83ab) against dark backgrounds.

Navigator color

Navigator Color Shades

Complementary colors

  1. #5D83AB

  2. #AB855D

Triadic colors

  1. #5D83AB

  2. #AB5D83

  3. #83AB5D

Tints or lighter colors

  1. #7F9DBC

  2. #A0B6CE

  3. #C2D0DF

  4. #E3EAF1

Darker colors

  1. #49698C

  2. #37506B

  3. #263749

  4. #151E28

  5. #030506

Analogous colors

  1. #5DAB85

  2. #5DAAAB

  3. #5D83AB

  4. #5E5DAB

  5. #855DAB

Monochromatic colors

  1. #325C8A

  2. #4676A9

  3. #688FB9

  4. #90A9C5

  5. #B4C3D4

#5d83ab

Navigator Color Codes and Information

Here’s a complete breakdown of the color Navigator, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#5d83ab
RGBrgb(93,131,171)
HSLhsl(211,31.7%,51.8%)
CMYK46, 23, 0, 33
HSV211, 46, 67
RGB %36, 51, 67
XYZ20, 21.5, 41.6
LAB53.5, -2.1, -25.3
Color CategoryDark
Color FamilyBlue
Saturation46%
TemperatureCool
Contrast Ratio Againt White (#ffffff)3.96 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)5.3 (passes WCAG AA)

Similar Colors to Navigator Color

  1. #f8f3f6

    abalone color f8f3f6

    Abalone

  2. #b3b299

    alfalfa color b3b299

    Alfalfa

  3. #727a5f

    aceituna picante color 727a5f

    Aceituna Picante

  4. #5a2538

    zinfandel color 5a2538

    Zinfandel

  5. #8f9e9d

    abyss color 8f9e9d

    Abyss

  6. #7cb9e8

    aero color 7cb9e8

    Aero

  7. #e34636

    alizarin color e34636

    Alizarin

  8. #5f563f

    buzzard color 5f563f

    Buzzard

Related Color Shades