#011689 Hex Color

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

Hex color #011689 graphic
This saturated, dark blue carries a serious, authoritative weight. As a base color, #011689 provides a stable, professional backdrop for corporate and financial branding. Because it is quite dark, pair it with crisp white text to maintain high readability. It functions best in small accent applications or text blocks rather than large, flat backgrounds, where it can easily feel overwhelming or gloomy.

Questions about #011689

What is #011689 in RGB, HSL and CMYK?
In RGB, #011689 is rgb(1, 22, 137), in HSL hsl(231, 99%, 27%) and in CMYK 99%, 84%, 0%, 46%.
How can I use #011689 effectively in web design?
#011689 functions best as a high-impact accent color for buttons or headers rather than a primary background color. Because it is so saturated and dark, it requires a stark white text overlay to remain legible and accessible for your users.
Does #011689 work well with other colors?
This shade of blue pairs beautifully with lighter neutrals like silver or cream to soften its authoritative, corporate edge. For a modern, high-contrast look, combine it with a crisp lime or lemon yellow accent to create a sharp, energetic visual balance.
Is #011689 readable on white or black?
#011689 has a 14.21:1 contrast ratio on white and 1.47: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.