#57BA98 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal sits comfortably between mint and sage. Because it is light and desaturated, #57ba98 works best as a primary background color rather than for small text elements. It pairs exceptionally well with charcoal gray or deep navy for a grounded, modern look. The hex code #57ba98 offers enough contrast for accessibility, ensuring your digital designs remain legible while feeling soft and refreshing.
Questions about #57ba98
What is #57ba98 in RGB, HSL and CMYK?
In RGB, #57ba98 is rgb(87, 186, 152), in HSL hsl(159, 42%, 54%) and in CMYK 53%, 0%, 18%, 27%.
How should #57ba98 be used in UI design?
Does #57ba98 lean more warm or cool?
This color leans cool because it sits between mint and sage, carrying distinct blue-green undertones that provide a refreshing visual effect. Its desaturated nature prevents it from feeling too neon, making it a sophisticated, balanced choice for wellness or professional digital branding.
Is #57ba98 readable on white or black?
#57ba98 has a 2.36:1 contrast ratio on white and 8.88: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.