#6CE6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation cyan brings a glowing, energetic feel to UI projects. Because it sits high on the lightness scale, #6ce6ff acts best as an accent rather than a primary background color. Pair it with deep charcoal or slate for excellent readability, as the contrast ratio against black text is strong. It creates a refreshing, tech-forward pop when used sparingly in app interfaces.
Questions about #6ce6ff
What is #6ce6ff in RGB, HSL and CMYK?
In RGB, #6ce6ff is rgb(108, 230, 255), in HSL hsl(190, 100%, 71%) and in CMYK 58%, 10%, 0%, 0%.
How should I use #6ce6ff in UI design?
Use #6ce6ff sparingly as a high-impact accent color for buttons or status indicators, rather than a primary background, to maintain interface balance. Because it is highly luminous, it functions best when paired with deep charcoal or dark slate text for readability.
Is #6ce6ff readable on white or black?
#6ce6ff has a 1.45:1 contrast ratio on white and 14.40: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.