#45556E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in the mid-tones and offers a serious, grounded aesthetic for professional interfaces. Because it is highly unsaturated, it works best as a primary background or a heavy supporting element rather than an accent. The hex code for this shade is #45556e. It provides excellent contrast for white text, making it a functional choice for accessible, readable body content in dark mode designs.
Questions about #45556e
What is #45556e in RGB, HSL and CMYK?
In RGB, #45556e is rgb(69, 85, 110), in HSL hsl(217, 23%, 35%) and in CMYK 37%, 23%, 0%, 57%.
Where should I use the #45556e color in a UI design?
#45556e performs best as a primary background or a heavy supporting element rather than a bright accent. It provides excellent contrast for white text, making it a functional, reliable choice for readable body content in dark mode interfaces.
What colors pair well with #45556e?
Is #45556e readable on white or black?
#45556e has a 7.56: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.