#56B4E9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A light, moderately saturated blue with cool cyan undertones, #56b4e9 feels soft without looking washed out. Its gentle brightness suits healthcare, finance, security, and spring-themed interfaces as a supporting background tone. Pair it with charcoal or navy for structure. Black text reads clearly on this color, meeting WCAG AA contrast for body copy. The hex code is #56b4e9.
Questions about #56b4e9
What is #56b4e9 in RGB, HSL and CMYK?
In RGB, #56b4e9 is rgb(86, 180, 233), in HSL hsl(202, 77%, 63%) and in CMYK 63%, 23%, 0%, 9%.
Does #56b4e9 read as warm or cool?
#56b4e9 reads as a cool blue because its blue base is softened by cyan undertones and moderate saturation, giving it a fresh, gentle character rather than an icy one in practice.
What colors pair well with #56b4e9?
Where does #56b4e9 work well?
Use #56b4e9 as a supporting background or accent in healthcare, finance, security, and spring-themed interfaces, where its light cyan-blue character feels calm and approachable without becoming dull or overly saturated.
Is #56b4e9 readable on white or black?
#56b4e9 has a 2.30:1 contrast ratio on white and 9.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.