#5BDAC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, pastel teal brings a clean and refreshing energy to digital interfaces. Because #5bdac4 sits at a high lightness, black text maintains excellent readability against it. This color works best as an accent rather than a full-page background, where it risks overwhelming the viewer. If you need a more neutral base, consider mixing gray to ground its intense, cooling character.
Questions about #5bdac4
What is #5bdac4 in RGB, HSL and CMYK?
In RGB, #5bdac4 is rgb(91, 218, 196), in HSL hsl(170, 63%, 61%) and in CMYK 58%, 0%, 10%, 15%.
How should I use #5bdac4 in my design?
This shade is best reserved for UI accents like buttons or call-to-action elements where you need high visibility. Because it is highly saturated and light, it can easily overpower a layout if used as a main background, so balance it with neutral tones.
What colors pair well with #5bdac4?
Pair this bright teal with dark, grounded neutrals like charcoal or deep navy to anchor the visual weight. For a more playful, modern palette, it contrasts beautifully against warm, muted tones like soft terracotta or dusty pink, creating a balanced and professional look.
Is #5bdac4 readable on white or black?
#5bdac4 has a 1.71:1 contrast ratio on white and 12.27: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.