#7AFFFF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7affff graphic
#7affff is a luminous, high-saturation cyan that brings a crisp, cooling energy to any interface. Its intensity makes it a difficult choice for large backgrounds, where it can easily overwhelm the eye. Instead, use this shade as a striking accent for buttons or icons. It pairs surprisingly well with deep charcoal grays. Understanding what colors make white helps designers balance this vibrant tone.

Questions about #7affff

What is #7affff in RGB, HSL and CMYK?
In RGB, #7affff is rgb(122, 255, 255), in HSL hsl(180, 100%, 74%) and in CMYK 52%, 0%, 0%, 0%.
How should I use #7affff in interface design?
#7affff functions best as a focused accent color rather than a primary background because its high saturation can overwhelm the eye. Use it sparingly for call-to-action buttons, active navigation states, or icons to create a striking, modern contrast against charcoal or deep navy backgrounds.
Is #7affff readable on white or black?
#7affff has a 1.19:1 contrast ratio on white and 17.57: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.