#5FF9DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation cyan glows with an electronic, icy quality. Because it behaves more like light than pigment, avoid using it for large backgrounds. Reserve hex code #5ff9df for sharp UI accents that demand immediate attention. It provides excellent legibility against black text with a 16.1:1 contrast ratio, ensuring small type remains perfectly readable in dark, high-contrast layouts.
Questions about #5ff9df
What is #5ff9df in RGB, HSL and CMYK?
In RGB, #5ff9df is rgb(95, 249, 223), in HSL hsl(170, 93%, 67%) and in CMYK 62%, 0%, 10%, 2%.
How should I use #5ff9df in a UI design?
Reserve #5ff9df strictly for high-impact UI elements like call-to-action buttons or status indicators. Because this cyan carries an intense, light-like luminosity, using it for large backgrounds will overwhelm the eyes and reduce the overall effectiveness of your interface design.
What text color works best against a #5ff9df background?
Pair #5ff9df with a deep charcoal or pure black text for maximum readability. This combination achieves a 16.1:1 contrast ratio, ensuring that your text remains crisp and perfectly legible even when displayed at small font sizes in dark mode layouts.
Is #5ff9df readable on white or black?
#5ff9df has a 1.30:1 contrast ratio on white and 16.10: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.