#33558F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, muted blue with a cool, slightly gray cast, #33558f feels serious and controlled without looking harsh. It suits security, finance, government, and healthcare interfaces as a supporting tone or dark background. White text reads clearly on it at about 7.4:1 contrast. The hex code for this blue is #33558f.
Questions about #33558f
What is #33558f in RGB, HSL and CMYK?
In RGB, #33558f is rgb(51, 85, 143), in HSL hsl(218, 47%, 38%) and in CMYK 64%, 41%, 0%, 44%.
What colors pair well with #33558f?
#33558f pairs well with white, pale blue, soft gray, and muted warm accents such as terracotta, adding contrast without overwhelming its restrained blue base across interfaces, branding, and campaigns. Use lighter neutrals for clean layouts and warm accents for calls to action.
Where can #33558f be used effectively?
#33558f works well as a supporting tone or dark background in security, finance, government, and healthcare interfaces, where its muted blue character feels serious and controlled without looking harsh on screen. White text also remains highly legible against it.
Is #33558f readable on white or black?
#33558f has a 7.40:1 contrast ratio on white and 2.83: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.