#6AFDFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma cyan is light and energetic. Because of its intense brightness, #6afdff can easily overwhelm a design if used as a full-page background. It functions best as an accent color for UI elements or tech-focused branding. Since black text provides excellent readability against this shade, use it for call-to-action buttons. The hex code for this electrifying tone is #6afdff.
Questions about #6afdff
What is #6afdff in RGB, HSL and CMYK?
In RGB, #6afdff is rgb(106, 253, 255), in HSL hsl(181, 100%, 71%) and in CMYK 58%, 1%, 0%, 0%.
How can I use #6afdff in UI design without overwhelming the viewer?
#6afdff is an intense, high-energy tone that works best when reserved strictly for interactive elements like buttons, toggle switches, or hover states. Pair this cyan with neutral backgrounds like charcoal or deep slate to ensure visual balance and accessibility.
Does text written in black show up well against #6afdff?
Yes, black text provides high contrast against #6afdff, making it an excellent choice for call-to-action buttons where legibility is critical. Because this cyan is so light and vibrant, darker shades are necessary to ground the design and prevent eye strain.
Is #6afdff readable on white or black?
#6afdff has a 1.22:1 contrast ratio on white and 17.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.