#5667A4 Hex Color

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

Hex color #5667a4 graphic
#5667a4 is a medium-dark, low-saturation blue with indigo and gray undertones. Its matte, restrained character supports trust and structure in finance, healthcare, security, and technology branding. Use it as a UI base or supporting tone, paired with warm ivory or muted copper. White text provides about 5.4:1 contrast, meeting WCAG AA for body text. The hex code is #5667a4.

Questions about #5667a4

What is #5667a4 in RGB, HSL and CMYK?
In RGB, #5667a4 is rgb(86, 103, 164), in HSL hsl(227, 31%, 49%) and in CMYK 48%, 37%, 0%, 36%.
Does #5667a4 read as a warm or cool color?
#5667a4 reads as a cool, muted blue because its blue channel is stronger than its red and green, while low saturation and gray undertones soften its indigo cast for a calm, structured look. It suits interfaces, healthcare, and technology branding.
What colors pair well with #5667a4?
#5667a4 pairs well with warm ivory for gentle contrast and muted copper for restrained warmth, while charcoal adds depth without disrupting its cool, understated character in interfaces or brand palettes. These combinations balance clarity with warmth.
Is #5667a4 readable on white or black?
#5667a4 has a 5.42:1 contrast ratio on white and 3.87: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.