#57B6AF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal acts as a refreshing background for wellness or healthcare UI. Because it has enough contrast to support small black text, the hex code #57b6af works well for readable interface components. Pair it with deep charcoal or warm slate grays to ground its airy, youthful quality and avoid a washed-out appearance on large screens.
Questions about #57b6af
What is #57b6af in RGB, HSL and CMYK?
In RGB, #57b6af is rgb(87, 182, 175), in HSL hsl(176, 39%, 53%) and in CMYK 52%, 0%, 4%, 29%.
What colors pair best with #57b6af for UI design?
#57b6af works exceptionally well when grounded by charcoal or deep slate grays to maintain readability. These dark neutrals provide enough contrast to allow for legible text while highlighting the airy, youthful quality of the teal without appearing washed out.
Is #57b6af readable on white or black?
#57b6af has a 2.40:1 contrast ratio on white and 8.71: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.