#5AF8AF Hex Color

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

Select a Color

#5af8af is an electric, high-saturation mint that commands immediate attention. Its intense brightness makes it overwhelming as a full background, but it shines as a bold 10% accent in UI elements like buttons or notification badges. Because black text maintains excellent readability against this hue, designers often pair it with charcoal or deep navy for high-contrast, modern layouts. The hex code for this neon green is #5af8af.

Questions about #5af8af

What is #5af8af in RGB, HSL and CMYK?

In RGB, #5af8af is rgb(90, 248, 175), in HSL hsl(152, 92%, 66%) and in CMYK 64%, 0%, 29%, 3%.

How can I use #5af8af effectively in UI design?

Treat #5af8af as a high-impact accent color for buttons or notifications, keeping it limited to small areas to avoid visual fatigue. Pair this hue with charcoal or deep navy text to ensure readability, as these dark neutrals provide the necessary contrast for accessibility.

Is #5af8af readable on white or black?

#5af8af has a 1.35:1 contrast ratio on white and 15.48: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.

#5AF8AF Hex Color

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

Questions about #5af8af

Color tools

Resources