#3A5196 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious weight that makes it ideal for professional interfaces like security or finance apps. Because the hex code #3a5196 lacks intense saturation, it serves as a steady, grounded background for larger layouts. Use it alongside crisp white text for excellent legibility. It performs best as a base color rather than a small accent, where its subdued character risks getting lost.
Questions about #3a5196
What is #3a5196 in RGB, HSL and CMYK?
In RGB, #3a5196 is rgb(58, 81, 150), in HSL hsl(225, 44%, 41%) and in CMYK 61%, 46%, 0%, 41%.
What colors pair well with #3a5196?
Because of its dusty, professional character, this shade pairs naturally with soft gray for a neutral hierarchy or crisp off-whites to maintain a clean, high-contrast look. It also complements warm, metallic accents like gold if you want to elevate the serious tone with a touch of luxury.
Is #3a5196 readable on white or black?
#3a5196 has a 7.50:1 contrast ratio on white and 2.79: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.