#57B3FF Hex Color

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

Hex color #57b3ff graphic
Bright and airy, #57b3ff is a vivid sky blue with a cool, electric edge. Its high saturation and lightness read energetic rather than calm, so it works best as an accent or secondary color. Deep navy grounds its brightness, while warm coral makes it pop. Black text reads clearly on top, giving it enough contrast for small UI text. The hex code #57b3ff suits tech, finance, and healthcare brands.

Questions about #57b3ff

What is #57b3ff in RGB, HSL and CMYK?
In RGB, #57b3ff is rgb(87, 179, 255), in HSL hsl(207, 100%, 67%) and in CMYK 66%, 30%, 0%, 0%.
What colors pair well with #57b3ff?
Deep navy and charcoal ground its brightness, while warm coral creates a strong complementary contrast. For text, black reads clearly on this blue and meets WCAG AA contrast requirements.
Is #57b3ff a good background color?
It works as a background for dark text only. Black text on #57b3ff reaches about 9.3:1 contrast, well above the WCAG AA requirement, while white text drops to roughly 2.3:1 and fails.
Is #57b3ff readable on white or black?
#57b3ff has a 2.25:1 contrast ratio on white and 9.29: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.