#5873A0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5873a0 graphic
#5873a0 is a muted, medium blue with cool gray undertones and a matte, dusty finish. Its restrained saturation gives interfaces and brand systems a dependable, controlled feel without visual noise. Use it as a supporting tone or soft UI background, pairing it with warm ivory or muted burgundy. White text has about 4.8:1 contrast, meeting WCAG AA for body text. The hex code is #5873a0.

Questions about #5873a0

What is #5873a0 in RGB, HSL and CMYK?
In RGB, #5873a0 is rgb(88, 115, 160), in HSL hsl(218, 29%, 49%) and in CMYK 45%, 28%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair well with #5873a0 in a palette?
#5873a0 pairs well with warm ivory for gentle contrast and muted burgundy for a richer accent, while charcoal provides grounded text or border tones without competing with the blue.
Is #5873a0 suitable for text and UI backgrounds?
White text on #5873a0 can meet WCAG AA for body text, but verify the final pairing because font size, weight, and surrounding UI elements affect accessible readability across the interface in practice.
Is #5873a0 readable on white or black?
#5873a0 has a 4.80:1 contrast ratio on white and 4.37: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.