#180E81 Hex Color

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

Hex color #180e81 graphic
This dark, moody indigo carries a heavy, serious weight that works best as a primary background color. Because it is so saturated, it pairs exceptionally well with crisp whites for high-contrast, professional interfaces. The hex code #180e81 provides strong accessibility for text, making it a reliable choice for corporate branding or clean dark mode layouts where readability is essential.

Questions about #180e81

What is #180e81 in RGB, HSL and CMYK?
In RGB, #180e81 is rgb(24, 14, 129), in HSL hsl(245, 80%, 28%) and in CMYK 81%, 89%, 0%, 49%.
What colors pair best with #180e81 in a design?
#180e81 works best when paired with crisp, bright neutrals that emphasize its dark saturation. Using a clean white or a very light silver creates a professional, high-contrast look that keeps text legible and improves accessibility in UI layouts.
Is #180e81 a suitable choice for text on dark backgrounds?
#180e81 is generally too dark to be used as a primary text color against black or deep charcoal backgrounds because of the low contrast ratio. It is much more effective as a bold, saturated background color for buttons or headers.
Is #180e81 readable on white or black?
#180e81 has a 14.80:1 contrast ratio on white and 1.41: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.