#387EBE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors

#387ebe is a muted, desaturated blue that feels professional and approachable. Because of its steady, predictable appearance, it works well as a primary background color for finance or security interfaces. It meets WCAG AA standards for accessibility, meaning black text remains legible over it. Pair this hex code with warm terracotta or soft apricot to soften its industrial edge without losing its sense of control.
Questions about #387ebe
What is #387ebe in RGB, HSL and CMYK?
In RGB, #387ebe is rgb(56, 126, 190), in HSL hsl(209, 54%, 48%) and in CMYK 71%, 34%, 0%, 25%.
What colors pair well with #387ebe?
#387ebe works exceptionally well when balanced with warm, earthy tones to offset its inherent industrial coolness. Consider pairing it with terracotta or soft apricot to add warmth without sacrificing the professional, reliable feeling that makes this blue so effective.
Is #387ebe a good choice for text-heavy interfaces?
Yes, #387ebe is a strong candidate for UI backgrounds because it remains highly readable while offering more character than a standard gray. It meets WCAG AA standards, allowing for high-contrast, legible black text overlays in security or financial applications.
Is #387ebe readable on white or black?
#387ebe has a 4.28:1 contrast ratio on white and 4.89: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.