#5B82A9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has an ashy quality that keeps it professional and reserved. Because of its muted tone, #5b82a9 serves as a reliable base for UI backgrounds in finance or tech. It provides excellent legibility for black text, with a 5.2:1 contrast ratio that safely meets accessibility standards. Pair this hex code with warm, sandy neutrals to prevent the design from feeling too cold.
Questions about #5b82a9
What is #5b82a9 in RGB, HSL and CMYK?
In RGB, #5b82a9 is rgb(91, 130, 169), in HSL hsl(210, 31%, 51%) and in CMYK 46%, 23%, 0%, 34%.
What colors pair well with #5b82a9 for UI design?
#5b82a9 works best when balanced against warm, sandy neutrals or soft off-whites. Using warm tones prevents the design from feeling too cold while maintaining the professional, reserved mood established by the dusty blue base.
Is #5b82a9 readable on white or black?
#5b82a9 has a 4.03:1 contrast ratio on white and 5.21: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.