#67CCC7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool cyan brings a crisp, refreshing quality to designs, balancing high visibility with a soft, unsaturated appearance. While often used as a playful background for baby products or digital interfaces, #67ccc7 works best as a supporting accent to prevent it from washing out. Because black text offers excellent legibility against the hex code #67ccc7, it serves well for clear, readable UI elements.
Questions about #67ccc7
What is #67ccc7 in RGB, HSL and CMYK?
In RGB, #67ccc7 is rgb(103, 204, 199), in HSL hsl(177, 50%, 60%) and in CMYK 50%, 0%, 2%, 20%.
Does #67ccc7 work well with black text?
Yes, #67ccc7 provides high contrast and excellent legibility when paired with black or dark charcoal text. Because it is a relatively light and bright cyan, it serves as a strong, readable background for modern, clean interface designs and crisp typography.
Where should I use #67ccc7 in a design?
Use #67ccc7 as an accent or secondary color rather than a primary block to prevent it from overwhelming the user. It works particularly well for interactive UI elements, like buttons or icons, where its refreshing quality highlights functionality without causing visual fatigue.
Is #67ccc7 readable on white or black?
#67ccc7 has a 1.90:1 contrast ratio on white and 11.03: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.