#3D3A95 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool-toned indigo carries a serious, authoritative weight. Because it is highly saturated yet dark, #3d3a95 functions best as a dominant base for corporate branding or moody, high-contrast UI. It offers enough depth to remain legible with white text, providing a stable foundation for design. Pair this hex code with soft grays or copper accents to keep the aesthetic from feeling too heavy or gloomy.
Questions about #3d3a95
What is #3d3a95 in RGB, HSL and CMYK?
In RGB, #3d3a95 is rgb(61, 58, 149), in HSL hsl(242, 44%, 41%) and in CMYK 59%, 61%, 0%, 42%.
How should I use #3d3a95 in web design?
#3d3a95 serves as an excellent foundational color for high-contrast UI elements, providing a professional and stable look. Pair it with soft cream or light gray backgrounds to ensure legibility while maintaining a sophisticated, modern aesthetic for corporate dashboards.
What colors pair well with #3d3a95?
This indigo works beautifully when balanced against metallic accents like copper or muted neutrals to prevent the design from feeling too heavy. For a more vibrant contrast, consider pairing it with a sharp mustard yellow to create a striking, balanced visual hierarchy.
Is #3d3a95 readable on white or black?
#3d3a95 has a 9.38:1 contrast ratio on white and 2.23: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.