#657CA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#657ca0 is a cool, dusty blue with low saturation and a matte, ashy finish. Its restrained lightness conveys reliability and control without feeling severe, making it a strong supporting tone for finance, healthcare, technology, and government interfaces. Pair it with warm ivory or muted burgundy. The hex code #657ca0 provides about 4.9:1 contrast with black text, meeting WCAG AA for body copy.
Questions about #657ca0
What is #657ca0 in RGB, HSL and CMYK?
In RGB, #657ca0 is rgb(101, 124, 160), in HSL hsl(217, 24%, 51%) and in CMYK 37%, 22%, 0%, 37%.
Does #657ca0 read as a warm or cool color?
#657ca0 reads as a cool, dusty blue because its blue base is softened by low saturation and a gray, ashy influence, giving it a controlled, dependable mood instead of the energy of a brighter or more saturated blue.
What colors pair well with #657ca0?
#657ca0 pairs well with warm ivory for gentle contrast and muted burgundy for a richer accent, while charcoal or dark navy can reinforce its restrained, professional character without overwhelming the dusty blue.
Is #657ca0 readable on white or black?
#657ca0 has a 4.24:1 contrast ratio on white and 4.94: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.