#1F5A94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dark blue carries a professional weight suitable for corporate branding or interface backgrounds. While it feels somewhat dim, its stability makes it a solid choice for security-focused technology or finance projects. Pair this shade with soft creams or stark whites to ensure high legibility. The hex code for this cool tone is #1f5a94, which provides enough contrast for readable small body text.
Questions about #1f5a94
What is #1f5a94 in RGB, HSL and CMYK?
In RGB, #1f5a94 is rgb(31, 90, 148), in HSL hsl(210, 65%, 35%) and in CMYK 79%, 39%, 0%, 42%.
When should I use #1f5a94 in my web design?
Use #1f5a94 as a primary color for financial or security-based platforms because its deep, muted character signals trustworthiness and stability. It serves best as a background or button color, provided you layer it with high-contrast, light typography for essential readability.
What color combinations work best with #1f5a94?
Pair #1f5a94 with soft creams or warm whites to balance its cool, dim presence without sacrificing professional sharpness. If you need accent colors for data visualization, it works well alongside a complementary terracotta or a muted gold to ground the design.
Is #1f5a94 readable on white or black?
#1f5a94 has a 7.12:1 contrast ratio on white and 2.94: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.