#4B9EFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4b9efc is a saturated, electric blue that commands attention. Due to its intensity, it shines as a UI accent or call-to-action button rather than a broad background. It offers a 7.6:1 contrast ratio with black text, ensuring excellent legibility for small elements. If you want to understand mixing gray to temper such vivid hues, start here. The hex code is #4b9efc.
Questions about #4b9efc
What is #4b9efc in RGB, HSL and CMYK?
In RGB, #4b9efc is rgb(75, 158, 252), in HSL hsl(212, 97%, 64%) and in CMYK 70%, 37%, 0%, 1%.
Does #4b9efc work well for long-form text?
Avoid using #4b9efc for long-form body text, as its high intensity can strain the eyes over time. Instead, reserve this vivid blue for critical interface elements like primary buttons or active states that require immediate user focus.
What colors balance the intensity of #4b9efc?
Neutral tones like charcoal or deep slate provide the necessary grounding to balance the electric energy of #4b9efc. Pairing this color with desaturated backgrounds ensures your design remains clean and prevents visual fatigue for your users.
Is #4b9efc readable on white or black?
#4b9efc has a 2.76:1 contrast ratio on white and 7.59:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.