#5D84A9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels restrained and professional. Because it is highly muted, #5d84a9 acts as a dependable base color for corporate branding or technical UI interfaces. It offers enough contrast to support small, black body text, making it a functional choice for reading-heavy layouts. Pair it with soft creams or warm grays to prevent this cool tone from looking washed out.
Questions about #5d84a9
What is #5d84a9 in RGB, HSL and CMYK?
In RGB, #5d84a9 is rgb(93, 132, 169), in HSL hsl(209, 31%, 51%) and in CMYK 45%, 22%, 0%, 34%.
What colors pair best with #5d84a9?
#5d84a9 works exceptionally well when paired with creams or soft, neutral grays to balance its cool, unsaturated nature. These warm neutrals prevent the blue from appearing washed out while maintaining a professional and legible aesthetic for your project.
Is #5d84a9 a good choice for text-heavy designs?
Yes, #5d84a9 is a highly functional choice for reading-heavy layouts because it offers enough contrast against white backgrounds to support small, black body text. Its desaturated quality makes it easier on the eyes during prolonged screen usage.
Is #5d84a9 readable on white or black?
#5d84a9 has a 3.93:1 contrast ratio on white and 5.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.