#3994E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention without feeling aggressive. The hex code #3994e4 works best as a primary action color in UI design, as black text reads clearly against it. It lacks the neutral qualities found when mixing gray, so pair it with dark charcoals to anchor the brightness. Use it sparingly for buttons or icons where reliability is the goal.
Questions about #3994e4
What is #3994e4 in RGB, HSL and CMYK?
In RGB, #3994e4 is rgb(57, 148, 228), in HSL hsl(208, 76%, 56%) and in CMYK 75%, 35%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair well with #3994e4?
#3994e4 thrives when anchored by deep neutral tones, making it an excellent candidate for pairing with charcoal or slate grays. These dark, muted colors effectively ground the high energy of this blue without competing with its primary saturation.
Is #3994e4 readable on white or black?
#3994e4 has a 3.21:1 contrast ratio on white and 6.53: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.