#343988 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, saturated indigo offers a moody alternative to standard navy blue. Because it carries such a high contrast ratio against white, #343988 works effectively as a full-page background in professional interfaces or dark mode designs. Pair this shade with soft cream or muted mustard to brighten its cold, serious character. The hex code for this deep tone is #343988.
Questions about #343988
What is #343988 in RGB, HSL and CMYK?
In RGB, #343988 is rgb(52, 57, 136), in HSL hsl(236, 45%, 37%) and in CMYK 62%, 58%, 0%, 47%.
Does #343988 work well for text on white backgrounds?
This deep indigo provides excellent readability against white, making it a reliable choice for professional typography and branding. Its high contrast ratio ensures that your interface remains accessible while offering a more sophisticated, modern alternative to standard black or dark grey text.
Which colors pair well with #343988 to brighten the design?
Soft creams and muted mustards are the best companions for #343988 because they cut through the intense, cold nature of the blue. These warm, lighter accents create a balanced visual hierarchy that prevents the deep indigo from feeling too heavy or clinical in a layout.
Is #343988 readable on white or black?
#343988 has a 10.06:1 contrast ratio on white and 2.08: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.