#57D6D6 Hex Color

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

Hex color #57d6d6 graphic
#57d6d6 is a crisp, high-saturation cyan with a distinct cool-toned, glowing quality. Because it sits between green and blue, it brings a fresh, electrified feel to UI backgrounds and product design. It pairs effectively with deep charcoal text, which offers excellent readability for small type. Avoid using it as a full-page background in high-contrast layouts, as its brightness can fatigue the eye.

Questions about #57d6d6

What is #57d6d6 in RGB, HSL and CMYK?
In RGB, #57d6d6 is rgb(87, 214, 214), in HSL hsl(180, 61%, 59%) and in CMYK 59%, 0%, 0%, 16%.
What makes #57d6d6 effective in UI design?
#57d6d6 works best as an accent color or call-to-action button rather than a background. Its high-saturation cyan profile creates a fresh, electrified visual interest without overwhelming the interface, provided you pair it with charcoal text to maintain strong contrast and readability.
How should #57d6d6 be balanced in a layout?
Because #57d6d6 carries significant visual weight, use it sparingly on high-contrast layouts. Excessive use can cause eye fatigue for viewers, so it functions better when balanced against neutral, darker backgrounds like navy or slate to ground the electrified, glowing quality of the hue.
Is #57d6d6 readable on white or black?
#57d6d6 has a 1.75:1 contrast ratio on white and 11.99: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.