#3E2F9E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, cool indigo carries a serious, authoritative weight. While its muted tone can feel somber, it provides a stable foundation for moody UI interfaces or corporate branding. Pair it with soft cream or muted gold to cut the gloom. The hex code for this color is #3e2f9e, which offers excellent contrast for white text in readability-focused design layouts.
Questions about #3e2f9e
What is #3e2f9e in RGB, HSL and CMYK?
In RGB, #3e2f9e is rgb(62, 47, 158), in HSL hsl(248, 54%, 40%) and in CMYK 61%, 70%, 0%, 38%.
What colors pair best with #3e2f9e in a design layout?
This deep indigo works exceptionally well when balanced against high-contrast neutrals like cream or warm beige to soften its intensity. For a more sophisticated palette, try pairing it with muted gold accents to lift the somber mood and add a layer of refinement.
Is #3e2f9e suitable for UI text on a light background?
Yes, #3e2f9e provides excellent legibility against white or near-white backgrounds, making it a reliable choice for professional text or interface elements. Its inherent darkness ensures that readability remains high, which is essential for accessibility-focused design systems that require both character and function.
Is #3e2f9e readable on white or black?
#3e2f9e has a 9.97:1 contrast ratio on white and 2.10: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.