#0A1F33 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#0a1f33 is a dense, desaturated navy that leans into near-black territory. Its low lightness makes it an ideal, high-contrast base for technical or corporate UI designs where white text must remain perfectly legible. While it feels grounded and professional, use it sparingly in large blocks to avoid a gloomy, oppressive effect. The hex code for this moody shade is #0a1f33.
Questions about #0a1f33
What is #0a1f33 in RGB, HSL and CMYK?
In RGB, #0a1f33 is rgb(10, 31, 51), in HSL hsl(209, 67%, 12%) and in CMYK 80%, 39%, 0%, 80%. Browse more shades of blue with names and hex codes.
Where should I use the deep #0a1f33 in a layout?
#0a1f33 works best as a primary structural element like a footer, sidebar, or heavy navigation bar where you need to anchor the design. Because it sits so close to black, use it to frame brighter interface elements rather than as a background for large bodies of long-form text.
Does #0a1f33 pair well with warm accent colors?
Yes, pairing #0a1f33 with a warm accent like terracotta or a soft gold creates a sophisticated, high-end contrast. The extreme darkness of this navy allows those warmer, more vibrant colors to stand out without the visual jarring you might get from using pure black.
Is #0a1f33 readable on white or black?
#0a1f33 has a 16.71:1 contrast ratio on white and 1.25: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.