#5DF0B8 Hex Color

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

Hex color #5df0b8 graphic
This high-chroma, neon teal feels electric and clinical. Because it is so saturated, #5df0b8 works best as a sharp accent rather than a full page background. It pairs well with charcoal grays for a modern, tech-focused interface. Black text reads clearly against this shade, making it a reliable choice for buttons or callouts where you need immediate attention. The hex code for this color is #5df0b8.

Questions about #5df0b8

What is #5df0b8 in RGB, HSL and CMYK?
In RGB, #5df0b8 is rgb(93, 240, 184), in HSL hsl(157, 83%, 65%) and in CMYK 61%, 0%, 23%, 6%.
How should I use #5df0b8 in a UI design?
#5df0b8 functions best as a high-contrast accent color rather than a primary background shade. It excels in small doses for buttons, active states, or notification badges where you need to draw the eye against dark or charcoal backgrounds.
Does #5df0b8 work well with black text?
Yes, the high luminance of #5df0b8 allows black text to remain legible, making it highly effective for call-to-action buttons. Always verify contrast ratios if your interface relies on accessibility standards for larger blocks of text using this vibrant hue.
Is #5df0b8 readable on white or black?
#5df0b8 has a 1.43:1 contrast ratio on white and 14.62: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.