#344AA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark royal blue with a muted, shadowed edge. The hex code #344aa2 sits deep enough to carry white text at strong contrast, so it works as a UI background or dominant brand base. Its dimmed saturation reads serious rather than playful, a fit for finance and government work. Pair it with muted gold or burgundy to keep it from going flat.
Questions about #344aa2
What is #344aa2 in RGB, HSL and CMYK?
In RGB, #344aa2 is rgb(52, 74, 162), in HSL hsl(228, 51%, 42%) and in CMYK 68%, 54%, 0%, 36%. Browse more shades of blue with names and hex codes.
What colors pair well with #344aa2?
Muted gold warms up #344aa2 without stealing its depth, and burgundy makes a richer partner than camel or tan. For a cooler palette, slate gray and pale sand work for text and accents.
Is #344aa2 readable on white or black?
#344aa2 has a 7.93:1 contrast ratio on white and 2.64: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.