#3549F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With its high saturation and medium-dark lightness, #3549f7 delivers a vivid, cool blue with a slight violet undertone. It brings energy and focus to calls to action, security interfaces, finance dashboards, and technology branding. Use it as a 10% accent against charcoal or off-white. White text achieves about 6.1:1 contrast. The hex code is #3549f7.
Questions about #3549f7
What is #3549f7 in RGB, HSL and CMYK?
In RGB, #3549f7 is rgb(53, 73, 247), in HSL hsl(234, 92%, 59%) and in CMYK 79%, 70%, 0%, 3%.
What colors pair well with #3549f7?
For a clean interface, #3549f7 pairs with white or off-white; charcoal creates a restrained dark base, while muted terracotta introduces warmth without competing with the blue-violet accent in both light and dark interfaces. This gives designers crisp and warmer directions for buttons, panels, and branded layouts.
Does #3549f7 read as warm or cool?
#3549f7 reads as cool because its blue base dominates, while the slight violet undertone gives it vivid, electric character rather than warmth, making it feel focused across interfaces, dashboards, and technology-led brand palettes.
Where does #3549f7 work best in a design?
#3549f7 works well for calls to action, links, security interfaces, finance dashboards, and technology branding, where its saturated blue can direct attention while keeping the visual system focused and energetic. Use it as a controlled accent against charcoal or off-white rather than covering every surface.
Is #3549f7 readable on white or black?
#3549f7 has a 6.09:1 contrast ratio on white and 3.44: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.