#5DF1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation, light cyan reads as both neon and refreshing. Its brightness makes it an excellent choice for accent buttons or playful UI elements, though it often overwhelms when used as a full page background. Pair #5df1ff with deep charcoals to create a modern, high-contrast look. Because black text maintains excellent readability against this hex code, it functions well for striking, minimal typography in digital design.
Questions about #5df1ff
What is #5df1ff in RGB, HSL and CMYK?
In RGB, #5df1ff is rgb(93, 241, 255), in HSL hsl(185, 100%, 68%) and in CMYK 64%, 5%, 0%, 0%.
How should I use #5df1ff in a UI design?
#5df1ff is best suited for small, high-impact UI elements like call-to-action buttons or status indicators because its extreme brightness can overwhelm the eye if used as a primary background color. Use it sparingly to create sharp visual interest.
What colors pair well with #5df1ff?
This neon cyan creates a sophisticated, modern contrast when paired with dark neutrals like charcoal or deep navy. By using dark, matte backgrounds, the intensity of #5df1ff becomes readable and focused rather than abrasive or difficult to view.
Is #5df1ff readable on white or black?
#5df1ff has a 1.35:1 contrast ratio on white and 15.49: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.