#3F5570 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark and muted, #3f5570 is a cool blue with gray undertones and a dusty, matte finish. Its low saturation gives interfaces a serious, controlled feel without the harshness of near-black. Use this hex code as a supporting background for finance, security, or technology layouts. White text offers about a 7.7:1 contrast ratio, meeting WCAG AA for body text.
Questions about #3f5570
What is #3f5570 in RGB, HSL and CMYK?
In RGB, #3f5570 is rgb(63, 85, 112), in HSL hsl(213, 28%, 34%) and in CMYK 44%, 24%, 0%, 56%. Browse more shades of blue with names and hex codes.
What colors pair well with #3f5570?
#3f5570 pairs well with white, pale blue, soft gray, and muted warm accents such as terracotta, adding contrast without overwhelming its low-saturation blue-gray character in restrained interface palettes and brand systems.
Does #3f5570 read as warm or cool?
#3f5570 reads as a cool color because its blue base and gray undertones suppress warmth, creating a quiet, serious mood that suits supporting backgrounds, navigation areas, dashboards, and restrained technology interfaces.
Is #3f5570 readable on white or black?
#3f5570 has a 7.65:1 contrast ratio on white and 2.74: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.