#84FBF2 Hex Color

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

Hex color #84fbf2 graphic
The hex code #84fbf2 is a luminous, high-chroma teal that feels fresh and clear. Because it is so light, it works best as a vibrant UI accent rather than a main background. It pairs well with charcoal or deep navy for necessary contrast. When mixing white into your palette, use this sparingly to avoid washing out your design. Black text remains highly readable against it.

Questions about #84fbf2

What is #84fbf2 in RGB, HSL and CMYK?
In RGB, #84fbf2 is rgb(132, 251, 242), in HSL hsl(175, 94%, 75%) and in CMYK 47%, 0%, 4%, 2%.
How should I use #84fbf2 in a user interface design?
#84fbf2 functions best as a vibrant accent color for buttons, hover states, or highlight elements rather than a primary background. Its high chroma creates immediate visual interest, but it can overwhelm the eyes if applied across large areas of the screen.
Is #84fbf2 readable on white or black?
#84fbf2 has a 1.23:1 contrast ratio on white and 17.06: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.