#4A7EFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #4a7efb is a bold blue that commands attention. Because of its extreme brightness, use it sparingly as an accent rather than a full background to avoid overwhelming your design. It pairs effectively with dark gray for a modern, tech-focused interface. The hex code #4a7efb maintains enough contrast with black text to ensure your content remains readable and accessible.
Questions about #4a7efb
What is #4a7efb in RGB, HSL and CMYK?
In RGB, #4a7efb is rgb(74, 126, 251), in HSL hsl(222, 96%, 64%) and in CMYK 71%, 50%, 0%, 2%.
How can I use #4a7efb in interface design?
This high-intensity blue works best as a strategic accent color for call-to-action buttons or navigation highlights. Because of its extreme saturation, avoid using #4a7efb as a large background element, as it can quickly overwhelm the visual balance of your interface.
What colors pair well with #4a7efb?
Pair this bold blue with deep charcoal or dark gray tones to create a modern, tech-focused aesthetic that feels professional yet energetic. You can also offset its intensity with crisp white space to ensure the color remains readable and impactful.
Is #4a7efb readable on white or black?
#4a7efb has a 3.70:1 contrast ratio on white and 5.66: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.