#418EC0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated blue sits at a mid-range brightness, offering a stable and predictable tone for professional branding. Because it conveys reliability, the hex code #418ec0 works well for UI buttons or security-focused applications. It maintains high legibility with black text, though it can appear slightly flat on screens. Learning what colors make gray helps designers balance this specific shade when building sophisticated, tech-inspired palettes.
Questions about #418ec0
What is #418ec0 in RGB, HSL and CMYK?
In RGB, #418ec0 is rgb(65, 142, 192), in HSL hsl(204, 50%, 50%) and in CMYK 66%, 26%, 0%, 25%.
What colors complement #418ec0?
#418ec0 pairs exceptionally well with charcoal for high-contrast text or light gray to maintain a clean, tech-inspired interface. Using these neutrals prevents the blue from appearing too flat while keeping the overall layout grounded, accessible, and easy to read.
Where does #418ec0 work best?
Use #418ec0 in environments requiring trust and clarity, such as financial dashboards or security-focused software interfaces. Its moderate saturation ensures legibility against white backgrounds while projecting a sense of consistency and digital stability that users find reassuring.
Is #418ec0 readable on white or black?
#418ec0 has a 3.58:1 contrast ratio on white and 5.85:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.