#344D59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated blue, #344d59 provides a serious, grounded base for dark UI designs. The hex code works well for finance or security platforms where understated trust matters. White text offers 8.9:1 contrast, ensuring small body text remains legible. When you learn how to make gray, you see how this shade succeeds by minimizing saturation to prevent visual fatigue.
Questions about #344d59
What is #344d59 in RGB, HSL and CMYK?
In RGB, #344d59 is rgb(52, 77, 89), in HSL hsl(199, 26%, 28%) and in CMYK 42%, 13%, 0%, 65%. Browse more shades of gray with names and hex codes.
Why is #344d59 effective for dark mode interfaces?
#344d59 works exceptionally well in dark UI because its low saturation reduces eye strain while maintaining a high contrast ratio against white text. It provides a stable, grounded background that feels professional and secure without appearing harsh or overly vibrant.
What colors pair best with #344d59?
Is #344d59 readable on white or black?
#344d59 has a 8.92:1 contrast ratio on white and 2.35: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.