#60BCAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, pastel teal offers a cool, refreshing character that works best as a primary background color. Because it is highly readable against black text, it functions effectively for UI layouts and wellness branding. Avoid pairing #60bcad with overly bright primary colors, as it loses its soft, sophisticated appeal. Instead, use it alongside deep charcoal or soft slate grays to ground the palette.
Questions about #60bcad
What is #60bcad in RGB, HSL and CMYK?
In RGB, #60bcad is rgb(96, 188, 173), in HSL hsl(170, 41%, 56%) and in CMYK 49%, 0%, 8%, 26%.
Which color palettes pair best with #60bcad?
#60bcad functions best when grounded by deep, neutral tones that prevent its pastel character from looking washed out. Try pairing it with charcoal or soft slate grays to create a professional contrast that feels both modern and accessible.
Is #60bcad suitable for text-heavy UI designs?
#60bcad works effectively as a background color for interfaces, provided you use dark, high-contrast text for accessibility. While it creates a soothing user experience, ensure your typography is bold enough to maintain readability against this muted teal surface.
Is #60bcad readable on white or black?
#60bcad has a 2.25:1 contrast ratio on white and 9.29: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.