#6BFFE6 Hex Color

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

Hex color #6bffe6 graphic
This high-luminosity cyan reads as a crisp, electrified mint. Because #6bffe6 is exceptionally bright, it works best as a 10% accent in UI elements like buttons or notification icons rather than a large background. It creates a striking, modern contrast when paired with deep charcoal grays. Its hex code is #6bffe6, and black text remains highly legible against this tone for any accessibility needs.

Questions about #6bffe6

What is #6bffe6 in RGB, HSL and CMYK?
In RGB, #6bffe6 is rgb(107, 255, 230), in HSL hsl(170, 100%, 71%) and in CMYK 58%, 0%, 10%, 0%.
Where should I use #6bffe6 in my UI designs?
Because #6bffe6 has such high luminosity, it is best reserved for small, intentional UI accents like buttons, notification icons, or loading states. Avoid using it as a large background color, as its intensity can quickly overwhelm text and navigation elements.
What colors pair well with #6bffe6?
This vibrant tone creates a striking, modern contrast when paired with deep charcoal grays or dark navy tones. Using neutral, muted backgrounds allows the electrifying nature of #6bffe6 to stand out without competing for visual attention.
Is #6bffe6 readable on white or black?
#6bffe6 has a 1.23:1 contrast ratio on white and 17.07: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.