#9AF4AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel green is high-key and luminous, offering a soft, fresh energy for modern interfaces. Because of its light saturation, the hex code #9af4ae works best as an accent color rather than a large background field, where it risks feeling washed out. Pair it with deep charcoal text to maintain high readability and anchor its bright, sparkling undertones in your design system.
Questions about #9af4ae
What is #9af4ae in RGB, HSL and CMYK?
In RGB, #9af4ae is rgb(154, 244, 174), in HSL hsl(133, 80%, 78%) and in CMYK 37%, 0%, 29%, 4%.
How should #9af4ae be used in a professional user interface?
#9af4ae works best as a deliberate accent color for buttons, notifications, or active states rather than a large background field. Because it is highly saturated and light, it pairs effectively with charcoal or deep neutral text to maintain essential contrast levels.
Does #9af4ae lean warm or cool in design applications?
This color sits on the cooler side of the green spectrum, leaning toward a crisp, mint-like appearance rather than an olive or earthy tone. Its high brightness makes it feel youthful and energetic, which can help modernize otherwise traditional color schemes.
Is #9af4ae readable on white or black?
#9af4ae has a 1.31:1 contrast ratio on white and 15.92: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.