#343D51 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue offers a serious and professional base for UI designs or corporate branding. With a heavy, dusty quality, #343d51 provides high legibility for white text, making it a functional choice for modern dark mode interfaces. Pair it with soft muted oranges or how to make purple gradients for added contrast. The hex code is #343d51.
Questions about #343d51
What is #343d51 in RGB, HSL and CMYK?
In RGB, #343d51 is rgb(52, 61, 81), in HSL hsl(221, 22%, 26%) and in CMYK 36%, 25%, 0%, 68%.
What design styles pair best with the dark blue tone of #343d51?
#343d51 excels in corporate branding and modern interface design where you need a grounded, serious aesthetic. It works exceptionally well when paired with burnt orange for contrast or kept monochromatic with lighter shades of slate blue for a clean, cohesive look.
Is #343d51 readable on white or black?
#343d51 has a 10.86:1 contrast ratio on white and 1.93: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.