navy
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/000080/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/000080/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/000080/)Use the native HTML custom element.
#000080
CSS color
Overview
Navy is blue reduced to half its brightness — rgb(0, 0, 128), hex #000080 — keeping the 240-degree hue and full saturation of the blue primary while darkening it to a deep, sober tone. It is one of the sixteen basic HTML colors and functions as the shadow value of the blue keyword. Named for the traditional dark uniforms of naval services, navy reads as formal and stable, which makes it a durable choice for backgrounds, headers, and text where pure blue would feel too bright. Against white it delivers a high, comfortable contrast ratio, and it pairs naturally with its warm complements in the orange range.
Navy (#000080) is a deep, near-black blue named after the dark blue uniforms of naval officers worldwide, which adopted the color for its practicality and authority at sea. As one of the original CSS named colors, it is among the most widely used design hues, conveying trust, stability, and professionalism across corporate branding, finance, and fashion. Its near-black depth makes it a strong pairing with white or gold in formal contexts.
On this page
Valeurs de couleur
#000080
0, 0, 128
240,0, 100,0%, 25,1%
240,0, 100,0%, 50,2%
100,0%, 100,0%, 0,0%, 49,8%
0,2711 0,1879 264,1
Propriétés
Psychologie des couleurs
Dark blues like navy and midnight convey authority, intelligence, and unshakeable confidence. They are the color of police uniforms, corporate suits, and official documents worldwide. Navy blue inspires feelings of security and order, anchoring visual hierarchies with gravitas.
Design Usage
Dark blue is the premier choice for header backgrounds, navigation bars, and footer sections in corporate websites. It provides excellent contrast for white text and creates a sense of depth and professionalism. Pair it with bright accent colors like orange or lime for vibrant CTAs that pop against the authoritative background.
Harmonies de couleurs
Simulation de daltonisme
Utilisation CSS
background-color: #000080;
color: #000080;
border-color: #000080;
Violet 900
#4C1D95
Nuances Tailwind
Vérificateur de contraste
Texte sur blanc
16,01:1
Texte sur noir
1,31:1
Comparer avec
Faisant partie de ces collections
Articles associés
Questions fréquemment posées
What are the RGB, HSL, and CMYK values of #000080?
RGB(0, 0, 128) · HSL(240,0, 100,0%, 25,1%) · CMYK(100,0%, 100,0%, 0,0%, 49,8%)
Does #000080 meet WCAG contrast on white?
16,01:1 — WCAG AA Réussi, AAA Réussi for normal text.
What text color is readable on #000080?
Use FFFFFF text on a #000080 background; contrast on black is 1,31:1.