#3E45A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, saturated indigo carries a grounded, serious weight. Because #3e45a5 is quite dark, it works best as a moody base or a steady structural accent rather than large blocks of body text. It pairs beautifully with soft creams or stark white, which pops against its deep, mysterious tone. Keep this hex code in your toolkit for high-contrast, professional interfaces where you need extra stability.
Questions about #3e45a5
What is #3e45a5 in RGB, HSL and CMYK?
In RGB, #3e45a5 is rgb(62, 69, 165), in HSL hsl(236, 45%, 45%) and in CMYK 62%, 58%, 0%, 35%.
What color combinations work best with #3e45a5?
#3e45a5 pairs exceptionally well with high-contrast neutrals like crisp whites or warm creams. These light tones prevent the deep indigo from feeling too heavy while allowing its saturated, professional character to stand out as a reliable structural element.
Is #3e45a5 suitable for text in a user interface?
Using #3e45a5 for body text is generally not recommended due to its dark, saturated tone which can strain the eyes over long reading periods. Reserve this color for bold UI accents, buttons, or navigation bars where high visual weight is required.
Is #3e45a5 readable on white or black?
#3e45a5 has a 8.07:1 contrast ratio on white and 2.59: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.