#387CFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation blue commands immediate attention. Because it is bright and aggressive, use #387cfc as a 10% accent color rather than a primary background to avoid overwhelming the eye. It pairs well with charcoal or slate grays for a tech-focused, professional look. If you are learning how to make blue variants, keep this specific hex code in mind for UI call-to-action buttons.
Questions about #387cfc
What is #387cfc in RGB, HSL and CMYK?
In RGB, #387cfc is rgb(56, 124, 252), in HSL hsl(219, 97%, 60%) and in CMYK 78%, 51%, 0%, 1%.
How should I use #387cfc in a professional UI design?
Use #387cfc sparingly as a 10% accent color for interactive elements like call-to-action buttons. Because it is highly aggressive and saturated, it can overwhelm the eye if used as a primary background, so balance it with charcoal or slate grays.
Is #387cfc readable on white or black?
#387cfc has a 3.84:1 contrast ratio on white and 5.45: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.