#5575A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Close in spirit to washed denim, this ashy blue reads muted and cool thanks to its low saturation and mid lightness. Its hex code is #5575a2. The shade works best as a supporting tone in finance or tech interfaces, where white text passes AA at about 4.7:1 contrast. It can look flat against plain white, so ground it with warm sand or burgundy accents.
Questions about #5575a2
What is #5575a2 in RGB, HSL and CMYK?
In RGB, #5575a2 is rgb(85, 117, 162), in HSL hsl(215, 31%, 48%) and in CMYK 48%, 28%, 0%, 36%.
What colors pair well with #5575a2?
Warm sand and burgundy both flatter its cool gray undertone without clashing. For darker layouts, anchor it with charcoal and reserve #5575a2 for panels or secondary buttons.
Is #5575a2 readable on white or black?
#5575a2 has a 4.71:1 contrast ratio on white and 4.45: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.