#66CCC2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy teal sits squarely between green and blue with a distinct pastel character. Because of its clarity and high lightness, #66ccc2 works well as a supporting tone in wellness branding or healthcare interfaces. Pair this hex code with dark charcoal for high-contrast accessibility. It can feel washed out against pure white, so use it as a 30% accent rather than a dominant background color.
Questions about #66ccc2
What is #66ccc2 in RGB, HSL and CMYK?
In RGB, #66ccc2 is rgb(102, 204, 194), in HSL hsl(174, 50%, 60%) and in CMYK 50%, 0%, 5%, 20%.
How do I use #66ccc2 effectively in web design?
#66ccc2 works best as a 30% accent rather than a dominant background color because its high lightness can feel washed out against pure white. Pair it with dark charcoal or deep navy text to ensure high-contrast accessibility in your UI.
Is #66ccc2 readable on white or black?
#66ccc2 has a 1.91:1 contrast ratio on white and 10.98: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.