#334587 Hex Color

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

Select a Color

This dusty, muted navy provides a stable foundation for professional branding and finance-focused UI designs. As a dark, cool tone, it pairs best with off-white to maintain visual balance. The hex code #334587 offers an accessible 9.0:1 contrast ratio against white text, making it a reliable choice for backgrounds requiring high legibility.

Questions about #334587

What is #334587 in RGB, HSL and CMYK?

In RGB, #334587 is rgb(51, 69, 135), in HSL hsl(227, 45%, 36%) and in CMYK 62%, 49%, 0%, 47%.

What colors pair best with #334587 for professional projects?

This muted navy works best when paired with neutral off-white or cream tones to maintain visual balance and sophistication. For secondary accents, consider using a muted gold or a soft sage green, which complement the cool, professional character of this specific blue shade.

Is #334587 readable on white or black?

#334587 has a 8.96:1 contrast ratio on white and 2.34: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.

#334587 Hex Color

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

Questions about #334587

Color tools

Resources