CSS Color: Navy

Navy is a deep, dark blue that is half the intensity of pure Blue. At hex `#000080`, the blue channel is at 128 with red and green at zero. In HSL, it shares Blue's 240-degree hue but with only 25% lightness, creating a color close to black with a clear blue identity.

In web design, Navy is one of the most versatile dark colors. It serves as an excellent alternative to black for backgrounds, text, and headers — providing the same readability with more visual interest and warmth. Many design systems use Navy instead of pure black because it feels less harsh.

Navy achieves a contrast ratio of approximately 16.0:1 against white, easily passing WCAG AAA for all text sizes. This makes it one of the most reliable colors for accessible text and UI elements.

Navy conveys authority, trust, and professionalism. It is the standard color for corporate websites, financial institutions, and government portals. It pairs exceptionally well with white, gold, coral, light blue, and light gray. In Tailwind CSS, `blue-900` provides a very close match.