#181659 Hex Color

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

Hex color #181659 graphic
This cool, moody indigo sits firmly between navy and black. It carries a heavy, serious presence that functions best as a background color for minimalist web layouts. Pair #181659 with crisp white text to achieve excellent readability at a 16.2:1 contrast ratio. Because it is so dark, this hex code often appears muddy if applied in large, flat blocks without enough negative space to breathe.

Questions about #181659

What is #181659 in RGB, HSL and CMYK?
In RGB, #181659 is rgb(24, 22, 89), in HSL hsl(242, 60%, 22%) and in CMYK 73%, 75%, 0%, 65%.
How should I use #181659 in web design?
Use #181659 as a dark background color to create a sophisticated, modern atmosphere for minimalist layouts. Because it is extremely dark, always pair it with crisp white text to maintain high readability and accessibility standards for your users.
What colors complement the #181659 hex code?
This color pairs beautifully with cool gray tones or metallic silver accents to emphasize its industrial feel. If you need a more vibrant contrast, opt for soft, desaturated mustard or cream, which prevents the palette from feeling too heavy or claustrophobic.
Is #181659 readable on white or black?
#181659 has a 16.18:1 contrast ratio on white and 1.29: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.