#3A455C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dark, #3a455c is a dusty blue-gray with a matte, slightly inky finish. Its low saturation gives interfaces a serious, controlled mood suited to finance, security, government, and technology. Use it as a supporting tone or dark UI background, pairing it with muted burgundy or warm ivory. The hex code #3a455c supports white text at about a 9.6:1 contrast ratio.
Questions about #3a455c
What is #3a455c in RGB, HSL and CMYK?
In RGB, #3a455c is rgb(58, 69, 92), in HSL hsl(221, 23%, 29%) and in CMYK 37%, 25%, 0%, 64%.
What colors pair well with #3a455c?
#3a455c pairs well with warm ivory for contrast and muted burgundy for a restrained accent, while pale blue-gray or soft beige can keep the palette calm without competing with its dark, dusty base.
Is #3a455c warm or cool?
#3a455c reads as a cool blue-gray because its blue base and low saturation create a subdued, slightly steely impression. Warm ivory, beige, or muted burgundy accents can soften that coolness when the interface needs more balance.
Is #3a455c readable on white or black?
#3a455c has a 9.60:1 contrast ratio on white and 2.18: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.