#3477A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, cool blue, #3477a1 projects a sense of steady, professional authority. Its desaturated quality prevents it from becoming overwhelming, making it a reliable choice for UI backgrounds in finance or security apps. Because it holds a 4.9:1 contrast ratio, white text remains highly readable against this hex code. Pair it with charcoal grays for a clean, modern interface.
Questions about #3477a1
What is #3477a1 in RGB, HSL and CMYK?
In RGB, #3477a1 is rgb(52, 119, 161), in HSL hsl(203, 51%, 42%) and in CMYK 68%, 26%, 0%, 37%.
What design aesthetic works best with #3477a1?
The steady, desaturated nature of #3477a1 excels in professional settings like finance dashboards or security software where clarity is paramount. It anchors interfaces effectively when paired with charcoal or soft neutral grays for a clean, legible result.
Is #3477a1 readable on white or black?
#3477a1 has a 4.88:1 contrast ratio on white and 4.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.