#3A588C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue functions best as a stabilizing base for professional UI layouts. Because it feels restrained and serious, #3a588c pairs effectively with clean off-whites or soft greys to maintain high readability. It lacks the punch of primary blues, so avoid using it where you need immediate high-contrast impact. The hex code for this desaturated, steady tone is #3a588c.
Questions about #3a588c
What is #3a588c in RGB, HSL and CMYK?
In RGB, #3a588c is rgb(58, 88, 140), in HSL hsl(218, 41%, 39%) and in CMYK 59%, 37%, 0%, 45%.
Where should I use #3a588c in a web design?
This color acts as a reliable foundation for professional interfaces, particularly for text backgrounds or primary buttons that need to feel authoritative without being overly aggressive. It pairs exceptionally well with off-white or light neutral greys to ensure text remains highly readable.
Does #3a588c read as warm or cool?
While it is technically a cool-toned blue, its desaturated, dusty quality pushes it toward a neutral feel rather than an icy one. This restraint makes it more versatile for corporate aesthetics where you need a calm, steady atmosphere without the artificial brightness of primary blue shades.
Is #3a588c readable on white or black?
#3a588c has a 7.10:1 contrast ratio on white and 2.95: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.