#ABEFF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, pale cyan reads as clean and weightless. Because it is highly tinted, the hex code #abeff2 functions best as a spacious background color rather than a primary UI element. Pair it with deep charcoal text to take advantage of its strong accessibility contrast. It works well in youthful, modern interfaces where you want to maintain a light, airy, and open aesthetic.
Questions about #abeff2
What is #abeff2 in RGB, HSL and CMYK?
In RGB, #abeff2 is rgb(171, 239, 242), in HSL hsl(183, 73%, 81%) and in CMYK 29%, 1%, 0%, 5%.
What is the best way to use #abeff2 in a UI?
Use #abeff2 primarily as a background color to create a spacious, modern feel for web interfaces. Because of its extreme lightness, it requires high-contrast elements like charcoal or deep navy text to ensure text remains readable for all users.
Is #abeff2 readable on white or black?
#abeff2 has a 1.28:1 contrast ratio on white and 16.36: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.