#080E66 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #080e66 graphic
#080e66 is an intense, saturated navy that commands authority. Its extreme darkness creates a sophisticated, near-black appearance that works perfectly as a moody background for high-contrast UI elements. Because it offers high accessibility, it pairs exceptionally well with stark white text. While powerful, avoid using it in large, flat blocks to prevent a muddy feel. The hex code for this deep blue is #080e66.

Questions about #080e66

What is #080e66 in RGB, HSL and CMYK?
In RGB, #080e66 is rgb(8, 14, 102), in HSL hsl(236, 85%, 22%) and in CMYK 92%, 86%, 0%, 60%.
How should I use #080e66 in interface design?
This deep navy is best used as a moody, sophisticated background for landing pages or UI elements where you need high contrast. Pair it with crisp white or off-white text to maintain excellent readability without the harshness of a pure black.
Does #080e66 work well for large blocks of content?
Avoid using #080e66 in large, flat blocks to prevent it from feeling muddy or overpowering your layout. Instead, use this intense shade for accents, navigation bars, or as a grounding footer element to maintain a clean, professional aesthetic.
Is #080e66 readable on white or black?
#080e66 has a 16.60:1 contrast ratio on white and 1.26:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.