#3D4ED3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric indigo commands attention without feeling aggressive. Its high intensity makes it an excellent choice for a bold accent or call-to-action button, though it may overwhelm as a full page background. Because white text offers strong legibility against this hue, the hex code #3d4ed3 works effectively for modern, high-contrast interface elements. It pairs surprisingly well with warm oranges or creams.
Questions about #3d4ed3
What is #3d4ed3 in RGB, HSL and CMYK?
In RGB, #3d4ed3 is rgb(61, 78, 211), in HSL hsl(233, 63%, 53%) and in CMYK 71%, 63%, 0%, 17%.
How can I best use #3d4ed3 in a user interface?
#3d4ed3 is best reserved for interactive elements like buttons, toggle switches, or notification badges where you need high contrast. Because it is so saturated, avoid using it as a large background color, as it can easily overwhelm other design elements.
What colors pair effectively with #3d4ed3?
Is #3d4ed3 readable on white or black?
#3d4ed3 has a 6.50:1 contrast ratio on white and 3.22: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.