#387EB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, unsaturated blue carries a professional, stable presence ideal for corporate branding and UI elements. Its muted character avoids the intensity of primary blues, making it a reliable choice for buttons or headers. Because black text maintains a high 4.8:1 contrast ratio against it, #387eb7 works well for readable small-scale typography. Use this hex code as a balanced base color rather than an accent.
Questions about #387eb7
What is #387eb7 in RGB, HSL and CMYK?
In RGB, #387eb7 is rgb(56, 126, 183), in HSL hsl(207, 53%, 47%) and in CMYK 69%, 31%, 0%, 28%.
Does #387eb7 work well for website typography?
Yes, #387eb7 is an excellent choice for small-scale typography because it maintains a high 4.8:1 contrast ratio against white backgrounds. This makes it readable for long-form content while offering a softer alternative to standard black text.
What colors pair well with the #387eb7 blue?
You can pair #387eb7 with neutral tones like light gray or cream to create a clean, modern aesthetic. For a more sophisticated palette, try contrasting it with subtle warm accents like a soft terracotta or a muted mustard.
Is #387eb7 readable on white or black?
#387eb7 has a 4.34:1 contrast ratio on white and 4.83: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.