#57BCCA Hex Color

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

Hex color #57bcca graphic
A cool, unsaturated cyan, #57bcca brings a light and airy feel to digital interfaces. Because it maintains strong contrast against black text, it functions well as a readable background color for mobile apps or SaaS dashboards. Pair it with soft charcoal grays rather than pure black to prevent the palette from looking too stark. The hex code for this cyan shade is #57bcca.

Questions about #57bcca

What is #57bcca in RGB, HSL and CMYK?
In RGB, #57bcca is rgb(87, 188, 202), in HSL hsl(187, 52%, 57%) and in CMYK 57%, 7%, 0%, 21%. Browse more shades of blue with names and hex codes.
How can I effectively pair #57bcca in a design layout?
This unsaturated cyan works best when paired with neutral charcoal or deep slate grays to maintain a professional, readable contrast. Avoid using pure black text, as the stark difference can overwhelm the soft, airy nature of the color.
Is #57bcca readable on white or black?
#57bcca has a 2.22:1 contrast ratio on white and 9.45: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.