#3E577B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits between ink and slate. Because it is highly unsaturated, #3e577b functions best as a supporting tone rather than a dominant background. Pair it with lighter, creamy neutrals to prevent the design from feeling too bleak or heavy. White text provides excellent readability against this shade, making it a reliable choice for professional UI elements or moody, technical interfaces.
Questions about #3e577b
What is #3e577b in RGB, HSL and CMYK?
In RGB, #3e577b is rgb(62, 87, 123), in HSL hsl(215, 33%, 36%) and in CMYK 50%, 29%, 0%, 52%. Browse more shades of blue with names and hex codes.
What colors pair best with #3e577b for a clean design?
Pair #3e577b with soft creams or warm off-whites to prevent the color from feeling too cold or severe. For a sophisticated contrast, use crisp white text or light greys to maintain high readability while keeping the palette professional and grounded.
Is #3e577b suitable for primary UI buttons?
While #3e577b serves as a stable, reliable tone, it is generally too muted to act as a high-visibility primary button on its own. Use it instead for background elements, sidebar navigation, or secondary text to create a calm, moody interface.
Is #3e577b readable on white or black?
#3e577b has a 7.35:1 contrast ratio on white and 2.85: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 is too faint for text. Try other pairs in the contrast checker.