#343C54 Hex Color

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

Hex color #343c54 graphic
Dark, grayed-down navy with almost no shine to it, #343c54 sets a gloomy, controlled mood. The hex code suits dark mode backgrounds and supporting roles in finance, security, or nautical branding. It looks richer beside burgundy than camel, and white text on it reaches about 10.9:1 contrast. Keep a brighter accent nearby so large areas don’t turn muddy.

Questions about #343c54

What is #343c54 in RGB, HSL and CMYK?
In RGB, #343c54 is rgb(52, 60, 84), in HSL hsl(225, 24%, 27%) and in CMYK 38%, 29%, 0%, 67%.
What colors pair well with #343c54?
Muted warm tones flatter it most. Try burgundy, dusty rose, or soft gold accents, with warm off-whites for text and dividers. Pure white can look stark against its grayed base.
Is #343c54 readable on white or black?
#343c54 has a 10.93:1 contrast ratio on white and 1.92: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.