#3148A5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3148a5 graphic
#3148a5 is a dark, moderately saturated blue with a cool, slightly violet undertone. Its serious, controlled character suits security, finance, government, and technology interfaces. Use this hex code as a dominant background with white text, which reaches about 8.1:1 contrast and meets WCAG AA for body text. Pair it with muted apricot or warm gray for a less predictable palette.

Questions about #3148a5

What is #3148a5 in RGB, HSL and CMYK?
In RGB, #3148a5 is rgb(49, 72, 165), in HSL hsl(228, 54%, 42%) and in CMYK 70%, 56%, 0%, 35%.
What colors pair well with #3148a5?
Muted apricot, warm gray, and white pair well with #3148a5, with apricot adding warmth, warm gray keeping the palette restrained, and white creating a crisp counterpoint for interface backgrounds, headings, and calls to action.
Where does #3148a5 work best?
Its controlled, cool blue character suits security, finance, government, and technology interfaces, especially as a dominant background or primary action color for focused, information-heavy layouts that need a serious tone.
Is #3148a5 readable on white or black?
#3148a5 has a 8.07:1 contrast ratio on white and 2.60: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.