#3164A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Banking dashboards, government portals, and healthcare apps often reach for a steady blue like #3164a5. Its low saturation and medium depth read dependable without feeling loud. White text clears WCAG AA on top of it, so it works as a dominant base for UI headers and buttons. Pair it with warm copper or cream to keep layouts from going stiff.
Questions about #3164a5
What is #3164a5 in RGB, HSL and CMYK?
In RGB, #3164a5 is rgb(49, 100, 165), in HSL hsl(214, 54%, 42%) and in CMYK 70%, 39%, 0%, 35%.
What colors pair well with #3164a5?
Warm accents like terracotta, copper, and burgundy balance its coolness, while cream softens it more than plain white does. Avoid stacking it with other muted blues, or the palette turns flat.
Is #3164a5 readable on white or black?
#3164a5 has a 6.00:1 contrast ratio on white and 3.49: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.