#4A74FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid blue carries high intensity and packs a punch in user interfaces. Because of its saturated character, #4a74fb works best as an accent color for calls to action or highlights rather than a large background. It pairs well with crisp black text, offering enough contrast for readability. If you need to neutralize this boldness, consider mixing gray into your palette for balance.
Questions about #4a74fb
What is #4a74fb in RGB, HSL and CMYK?
In RGB, #4a74fb is rgb(74, 116, 251), in HSL hsl(226, 96%, 64%) and in CMYK 71%, 54%, 0%, 2%.
How can I effectively use #4a74fb in UI design?
#4a74fb is a saturated, high-energy blue that works best as a targeted accent color rather than a background. Use it for buttons, icons, or notification badges where you want to grab the user's immediate attention without overwhelming the overall layout.
What colors create a balanced palette with #4a74fb?
To ground the intensity of #4a74fb, pair it with neutral tones like charcoal or slate gray. These darker, muted shades prevent the blue from vibrating against the eyes while maintaining a modern, high-contrast look suitable for professional interfaces.
Is #4a74fb readable on white or black?
#4a74fb has a 4.05:1 contrast ratio on white and 5.18: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.