#386EE4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue carries high intensity and demands attention. Because it is bright and energetic, #386ee4 works best as a punchy accent color rather than a primary background. It pairs exceptionally well with stark white for high-contrast interface elements like buttons or notification icons. The hex code #386ee4 maintains enough contrast against white backgrounds to ensure accessibility standards for readable text.
Questions about #386ee4
What is #386ee4 in RGB, HSL and CMYK?
In RGB, #386ee4 is rgb(56, 110, 228), in HSL hsl(221, 76%, 56%) and in CMYK 75%, 52%, 0%, 11%.
How does #386ee4 perform in user interface design?
#386ee4 serves as an excellent high-intensity accent color that draws immediate attention to primary buttons or notification badges. Because it is highly saturated, it works best when used sparingly against neutral white or light gray backgrounds to maintain visual hierarchy.
What colors pair best with #386ee4?
This vibrant blue creates strong, modern contrast when paired with crisp whites or very light grays. For a bolder palette, consider using complementary oranges or soft yellows, which balance the inherent coolness of #386ee4 and make the color pop effectively in digital graphics.
Is #386ee4 readable on white or black?
#386ee4 has a 4.64:1 contrast ratio on white and 4.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.