#3C576C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue sits firmly between gray and navy. It feels controlled and serious, making it a reliable base for finance or technology interfaces. Because the color is quite matte, it pairs well with crisp white text. This combination offers 7.6:1 contrast, ensuring excellent legibility. The hex code for this professional shade is #3c576c. Use it as a softer alternative to standard black backgrounds.
Questions about #3c576c
What is #3c576c in RGB, HSL and CMYK?
In RGB, #3c576c is rgb(60, 87, 108), in HSL hsl(206, 29%, 33%) and in CMYK 44%, 19%, 0%, 58%. Browse more shades of blue with names and hex codes.
Where does #3c576c work best in UI design?
#3c576c functions exceptionally well as a primary background or a heavy accent color for professional interfaces like dashboards or financial software. Its matte, unsaturated quality reduces visual strain, allowing for high-contrast, readable text layouts when paired with crisp, clean white typography.
What colors pair well with #3c576c?
#3c576c creates a sophisticated palette when paired with neutral cool-gray tones or soft off-whites for a clean, modern look. For more dynamic contrast, use warm terracotta or muted gold accents to break up the seriousness of the deep blue-gray foundation.
Is #3c576c readable on white or black?
#3c576c has a 7.57:1 contrast ratio on white and 2.77: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.