#57EDC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma, luminous teal demands attention with its electric, minty undertones. Because #57edc5 is so saturated, it works best as a 10% accent color rather than a full background. It pairs exceptionally well with deep, dark grays to ground the energy. With a contrast ratio of 14.3:1 against black, this hex code provides excellent readability for interface elements and small UI text.
Questions about #57edc5
What is #57edc5 in RGB, HSL and CMYK?
In RGB, #57edc5 is rgb(87, 237, 197), in HSL hsl(164, 81%, 64%) and in CMYK 63%, 0%, 17%, 7%.
How should I use #57edc5 in a UI layout?
Because #57edc5 is highly saturated, avoid using it for large backgrounds or broad text areas. Instead, apply it as a 10% accent color for primary buttons, notification badges, or data visualization elements where you need to draw immediate user attention.
What colors pair well with #57edc5?
The electric nature of #57edc5 balances best when paired with deep, dark neutrals. Using it against charcoal or deep slate grays grounds the intensity of the teal while maintaining high contrast for your text and interface components.
Is #57edc5 readable on white or black?
#57edc5 has a 1.46:1 contrast ratio on white and 14.32: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.