Navy in OKLCH
Navy is the deep, dark-blue CSS named color #000080. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About navy
Navy is a very dark blue that reads as serious, trustworthy and premium, which is why it anchors so many corporate and editorial palettes. It is low in lightness with moderate chroma, so the tonal scale is great for generating a range of lighter blues to sit above it as tints. Hold the hue and raise lightness to pull those tints, then copy the OKLCH, HEX or RGB value.
Navy in CSS: oklch(27.1% 0.188 264.1) · #000080 · rgb(0 0 128)
Frequently Asked Questions
Navy is the CSS named color #000080. Its OKLCH value (a low lightness, blue hue) is shown in the readout above and can be copied in one click.
Navy pairs well with warm accents like gold and coral, and with crisp white or light grey for contrast. Use the tonal scale above to generate lighter navy tints for backgrounds and hovers.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →