#22549F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated blue sits comfortably between corporate seriousness and moody depth. Because it lacks intensity, #22549f works well as a reliable, grounded background color in UI design. It pairs exceptionally well with crisp white text, offering strong readability. Since you are mixing gray to achieve its muted tone, avoid pairing it with other muddy colors to keep the design looking intentional.
Questions about #22549f
What is #22549f in RGB, HSL and CMYK?
In RGB, #22549f is rgb(34, 84, 159), in HSL hsl(216, 65%, 38%) and in CMYK 79%, 47%, 0%, 38%.
Does #22549f work well as a primary background color?
Yes, #22549f is an excellent choice for a background because its muted intensity prevents visual fatigue while maintaining a professional appearance. Pair it with crisp white or off-white text to ensure high readability and a clean, modern aesthetic for user interfaces.
What colors pair well with #22549f?
Because #22549f is a muted, desaturated blue, it pairs best with clean neutrals like slate or silver to maintain a cohesive look. Avoid muddy tones, as they can conflict with the color's specific undertones and make your design look unintentional.
Is #22549f readable on white or black?
#22549f 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.