#4B8BFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated blue commands immediate attention without feeling aggressive. It functions best as an accent or a primary call-to-action button rather than a full-page background, where its intensity can overwhelm. Pair #4b8bff with dark neutrals to ground its energy. With a strong contrast ratio against black text, the hex code #4b8bff ensures readability for critical interface elements.
Questions about #4b8bff
What is #4b8bff in RGB, HSL and CMYK?
In RGB, #4b8bff is rgb(75, 139, 255), in HSL hsl(219, 100%, 65%) and in CMYK 71%, 45%, 0%, 0%.
How should I use #4b8bff in interface design?
#4b8bff works best as an accent color for primary buttons or critical call-to-action elements where visibility is key. Because of its high intensity, avoid using it for large background blocks, as it can quickly overwhelm the user interface design.
What colors pair well with #4b8bff?
This vibrant blue pairs effectively with deep charcoal or near-black tones, which help anchor its natural energy. For a balanced, high-contrast look, combine it with crisp whites or very light grays to ensure the blue remains the focal point.
Is #4b8bff readable on white or black?
#4b8bff has a 3.26:1 contrast ratio on white and 6.43: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.