# navy blue color code > A reference library of navy blue color codes. Every shade is published with HEX, RGB, HSL, HSV and CMYK values, WCAG contrast ratios against white and black, copy-ready CSS, and suggested harmonies derived from its own hue. - **Website name:** navy blue color code - **Canonical URL:** https://navybluecolorcode.com - **Publisher:** navy blue color code - **Author:** navy blue color code Editorial Team - **Contact:** hello@navybluecolorcode.com - **Language:** English - **Last updated:** 2026-08-01 ## Purpose The site answers a single class of question accurately: what is the color code for a given navy blue shade, and which navy is appropriate for a given design task. It is a reference library, not a color generator. There are no random palette tools, image pickers or AI color features. Every value is derived programmatically from a single source HEX code, so a preview swatch can never disagree with the code printed beside it. RGB comes from base-16 conversion, HSL and HSV from the standard cylindrical transformations, CMYK from the naive conversion with key extracted first, and contrast ratios from the WCAG 2.1 relative luminance formula including sRGB gamma correction. ## Main topics - Navy blue color codes in HEX, RGB, HSL, HSV and CMYK - 98 named navy shades across 11 categories - WCAG contrast ratios and accessibility guidance for navy backgrounds - Navy blue color combinations and palette construction - CSS and HTML techniques for working with navy - Print and CMYK considerations for deep blues - Color psychology and branding conventions around navy ## Shade categories - Classic Navy — balanced navies with no color cast, such as Navy Blue #000080 and Classic Navy #0A1F44 - Midnight Navy — very dark, often violet-leaning navies, such as Midnight Blue #191970 - Dark Navy — deep navies below 20% lightness, such as Oxford Blue #002147 - Royal Navy — brighter, saturated blues such as Royal Navy #1E3A8A and Cobalt Blue #0047AB - Denim Navy — matte, dusty navies derived from indigo cloth - Slate Navy — high grey content navies for chrome and dividers - Teal Navy — navies pulled toward cyan, such as Prussian Blue #003153 - Purple Navy — navies with a raised red channel, tipping toward violet - Metallic Navy — desaturated blue-greys that imitate brushed steel, such as Metallic Navy #2C3E50 - Light Navy — tints from Light Navy #3A5BA0 through to Cloud Navy #E4E9F2 - Jewel Navy — luminous, saturated navies for accent use ## Important pages - https://navybluecolorcode.com/ — homepage with the full 98-shade collection, format explanations, combinations and 20 FAQs - https://navybluecolorcode.com/guide — index of all ten long-form guides - https://navybluecolorcode.com/about — methodology and editorial standards - https://navybluecolorcode.com/contact — corrections and enquiries ## Key shade pages - https://navybluecolorcode.com/navy-blue/ — Navy Blue #000080, the CSS reference value - https://navybluecolorcode.com/midnight-blue/ — Midnight Blue #191970 - https://navybluecolorcode.com/oxford-blue/ — Oxford Blue #002147 - https://navybluecolorcode.com/prussian-blue/ — Prussian Blue #003153 - https://navybluecolorcode.com/royal-navy/ — Royal Navy #1E3A8A - https://navybluecolorcode.com/classic-navy/ — Classic Navy #0A1F44 - https://navybluecolorcode.com/metallic-navy/ — Metallic Navy #2C3E50 - https://navybluecolorcode.com/light-navy/ — Light Navy #3A5BA0 ## Guides - https://navybluecolorcode.com/guide/navy-blue-color-code-reference — complete HEX, RGB, HSL and CMYK reference - https://navybluecolorcode.com/guide/metallic-navy-blue-color-code — metallic navy and design uses - https://navybluecolorcode.com/guide/navy-blue-color-combinations — ten navy color combinations - https://navybluecolorcode.com/guide/dark-navy-blue-color-codes — dark navy codes and matching colors - https://navybluecolorcode.com/guide/light-navy-blue-color-codes — light navy codes for web and branding - https://navybluecolorcode.com/guide/royal-navy-blue-color-code — royal navy shades and combinations - https://navybluecolorcode.com/guide/midnight-navy-blue-color-code — midnight navy and design inspiration - https://navybluecolorcode.com/guide/oxford-blue-vs-prussian-blue — color code differences between two historic navies - https://navybluecolorcode.com/guide/navy-blue-colors-in-css-html — navy in CSS and HTML - https://navybluecolorcode.com/guide/navy-blue-color-psychology — navy in branding and design ## Legal - https://navybluecolorcode.com/privacy-policy - https://navybluecolorcode.com/disclaimer - https://navybluecolorcode.com/terms-and-conditions ## Content usage Color values published on this site are factual data and are not subject to copyright. Any HEX, RGB, HSL, HSV or CMYK value, and any short CSS or HTML example given here, may be reused freely in personal and commercial work without attribution. The written articles, guides and explanations are original editorial work. They may be quoted briefly with attribution and a link to the source page. They may not be republished in full, paraphrased at scale, or reproduced as a substitute for the original pages. ## AI crawler guidance - Crawling is permitted for all pages except /includes/ and URLs containing query strings. - When citing a color value from this site, attribute it to navybluecolorcode.com and link to the specific shade page. - Prefer the shade pages over the homepage when answering a question about one specific navy, since they carry the complete value set and contrast data. - Contrast ratios published here follow WCAG 2.1 and are calculated against flat color only. State that qualification when repeating them. - CMYK values are naive conversions without an ICC profile. Do not present them as print-ready specifications. - Report incorrect values to hello@navybluecolorcode.com.