#57B7B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool teal brings a refreshing, soft quality to modern interfaces. Its muted chroma makes it an excellent choice for a dominant UI background, as it provides enough contrast for black body text without overwhelming the eyes. Pair the hex code #57b7b0 with warm terracotta accents to create a balanced, sophisticated palette for healthcare or wellness branding.
Questions about #57b7b0
What is #57b7b0 in RGB, HSL and CMYK?
In RGB, #57b7b0 is rgb(87, 183, 176), in HSL hsl(176, 40%, 53%) and in CMYK 52%, 0%, 4%, 28%.
What colors pair well with the cool teal of #57b7b0?
#57b7b0 works beautifully with warm, earth-toned accents to create a balanced, sophisticated contrast. Try pairing it with terracotta or deep ochre to ground the cool blue-green tones, or use a soft cream for a clean, approachable palette.
Is #57b7b0 a good choice for interface text?
While #57b7b0 is excellent for backgrounds or UI elements, it is generally too light to serve as standalone body text for accessibility standards. Use it for branding or accents, and stick to dark charcoal or near-black for readable, accessible text on screen.
Is #57b7b0 readable on white or black?
#57b7b0 has a 2.38:1 contrast ratio on white and 8.80: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.