#334A9A Hex Color

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

Hex color #334a9a graphic
This dark, muted blue conveys a sense of corporate stability. Because of its weight, the hex code #334a9a works best as a primary background or a solid brand anchor in technology and finance layouts. It offers excellent legibility with white text, providing an 8.1:1 contrast ratio that easily meets accessibility standards. Use it when you need to project grounded authority without appearing overly clinical or cold.

Questions about #334a9a

What is #334a9a in RGB, HSL and CMYK?
In RGB, #334a9a is rgb(51, 74, 154), in HSL hsl(227, 50%, 40%) and in CMYK 67%, 52%, 0%, 40%.
What colors pair best with #334a9a for professional layouts?
This deep blue works best when paired with crisp whites or very light grays to ensure high legibility and contrast. For accent colors, it balances well with a soft gold or a muted terracotta to add warmth without compromising the professional aesthetic.
Is #334a9a considered a warm or cool blue tone?
The #334a9a hex code sits firmly on the cool side of the spectrum, carrying a slightly muted undertone that prevents it from looking too neon or artificial. This coolness makes it ideal for building trust and reliability in software and corporate dashboards.
Is #334a9a readable on white or black?
#334a9a has a 8.11:1 contrast ratio on white and 2.58: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.