About navy blue color code

A single-subject reference for one of the most used colours in design: navy blue, documented across 98 shades and five colour formats.

What this site is

navybluecolorcode.com exists to answer one question properly: what is the navy blue color code, and which navy should you actually use? Most colour sites spread themselves across the entire spectrum and end up publishing thin pages with a hex value and nothing else. We went the other way and covered a single colour family in depth.

Every shade in the collection has its own page with HEX, RGB, HSL, HSV and CMYK values, WCAG contrast ratios against white and black, copy-ready CSS, harmony suggestions derived from its own hue, and links to the navies nearest to it. Nothing on those pages is written by hand where it can be calculated instead, which removes the most common source of error in colour references: values that were transcribed rather than converted.

How the values are produced

Each shade begins as a single HEX value. Every other number shown on the site is derived from that value at build time using the standard conversion formulas:

  • RGB comes from splitting the HEX into three base-16 pairs and converting each to decimal.
  • HSL and HSV come from the standard cylindrical transformations of the RGB cube, rounded to whole numbers for readability.
  • CMYK uses the naive conversion with key extracted first. It is a reliable starting point for print, but it is not a substitute for a colour-managed conversion inside your own workflow with your own ICC profile.
  • Contrast ratios follow the WCAG 2.1 relative luminance formula, including the sRGB gamma correction step that simpler calculators often skip.

Because everything derives from one source value, a preview swatch can never disagree with the code printed beneath it. If the swatch is wrong, the code is wrong in exactly the same way, and both are fixed together.

What we deliberately do not do

This is a reference library, not a tool suite. There is no colour generator, no random palette button and no image picker. Those features exist in plenty of other places and they tend to bury the information people actually arrived looking for. Our pages load fast, work without JavaScript for reading, and put the codes where you can see and copy them immediately.

Who it is for

Front-end developers picking a dark-mode background. Brand designers choosing a navy that will survive both a printed business card and a retina display. Students learning how HEX relates to RGB. Marketers matching a competitor's blue. Anyone who has typed a colour question into a search box and been handed a generator instead of an answer.

Editorial standards

Guides are written and reviewed by the navy blue color code Editorial Team. Articles are updated when the underlying facts change, such as new CSS colour functions reaching stable browser support. We do not republish text from other colour sites, and we do not pad articles with restated definitions to reach a word count. Where a claim depends on a standard, such as WCAG thresholds or the CSS named colour list, we state the standard so you can verify it yourself.

Corrections and contact

If you find a value that looks wrong, a broken link or a shade that deserves inclusion, tell us. Colour references improve through correction, and we would rather fix something quickly than defend it. Write to [email protected] or use the contact form.

Explore next