#6CDBB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, minty teal carries high saturation and lightness, creating a fresh, sparkling appearance. Because #6cdbb5 provides excellent contrast against black text, it works well for UI buttons or alert markers where clarity is essential. Avoid using it as a full-page background, as it can overwhelm the eye. Instead, try pairing it with charcoal or deep slate grays to anchor the playful energy of this hex code.
Questions about #6cdbb5
What is #6cdbb5 in RGB, HSL and CMYK?
In RGB, #6cdbb5 is rgb(108, 219, 181), in HSL hsl(159, 61%, 64%) and in CMYK 51%, 0%, 17%, 14%.
How should I use #6cdbb5 in a web interface?
#6cdbb5 works best as an accent color for UI elements like buttons or notification badges rather than a full-page background. Because it is highly saturated, it provides sharp readability against black text, allowing you to highlight important interactive components effectively.
What colors pair well with #6cdbb5?
To ground the playful energy of #6cdbb5, pair it with deep neutrals like charcoal or slate gray. These darker tones provide the necessary balance to keep the high-saturation teal from feeling overwhelming, resulting in a clean, modern aesthetic for your design.
Is #6cdbb5 readable on white or black?
#6cdbb5 has a 1.68:1 contrast ratio on white and 12.43: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.