#3E5CAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3e5cad is a muted, medium-dark blue with cool violet undertones and enough saturation to avoid looking gray. Its serious, dependable character suits finance, security, government, and technology branding, while its shaded quality supports moody backgrounds and strong contrast. The hex code #3e5cad works well as a dominant UI color, with white text providing about 6.3:1 contrast.
Questions about #3e5cad
What is #3e5cad in RGB, HSL and CMYK?
In RGB, #3e5cad is rgb(62, 92, 173), in HSL hsl(224, 47%, 46%) and in CMYK 64%, 47%, 0%, 32%.
What colors pair well with #3e5cad?
#3e5cad pairs well with white, pale blue, and warm neutrals, while charcoal or navy can create a deeper, more subdued palette. Its cool violet undertone also benefits from a restrained amber or gold accent for contrast.
Is #3e5cad a warm or cool color?
#3e5cad reads as a cool blue because its violet undertones shift it away from green and toward a calm, slightly shaded appearance. Its moderate saturation keeps the color from feeling icy or overly bright, supporting dependable visual identities.
Where does #3e5cad work well?
#3e5cad works well for primary UI controls, navigation, dashboards, security products, and formal branding where a serious, dependable blue is useful. Use lighter surfaces or white text to preserve hierarchy and readability around the dominant shade.
Is #3e5cad readable on white or black?
#3e5cad has a 6.28:1 contrast ratio on white and 3.33: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.