#53B4F6 Hex Color

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

Hex color #53b4f6 graphic
#53b4f6 is a light, moderately saturated blue with a cool cyan undertone. Its dependable tone communicates trust and security, making it useful for finance, healthcare, technology, and government interfaces. Use it as a supporting color or UI background with dark navy accents. Black text has about 9.2:1 contrast here, supporting small body text. The hex code is #53b4f6.

Questions about #53b4f6

What is #53b4f6 in RGB, HSL and CMYK?
In RGB, #53b4f6 is rgb(83, 180, 246), in HSL hsl(204, 90%, 65%) and in CMYK 66%, 27%, 0%, 4%.
What colors pair well with #53b4f6?
Pair #53b4f6 with navy or charcoal for readable structure, then add coral or amber accents to balance its cool cyan undertone in interface and branding palettes without losing its clean, dependable feel.
Does #53b4f6 work with black or white text?
Use black or very dark navy text on #53b4f6: its roughly 9.2:1 contrast with black supports normal and small text, while white text has much weaker contrast and should be checked carefully before use.
Does #53b4f6 look warm or cool?
#53b4f6 reads as a cool light blue because its cyan-leaning hue keeps it crisp and airy; use it for calm, trustworthy interfaces, especially when paired with dark navy or neutral text.
Is #53b4f6 readable on white or black?
#53b4f6 has a 2.27:1 contrast ratio on white and 9.22: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.