#9AF4DC Hex Color

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

Hex color #9af4dc graphic
This bright, minty pastel feels remarkably fresh and airy. Because it is highly desaturated and light, the hex code #9af4dc works best as a supporting tone or an accent rather than a full background. Pair it with charcoal or deep navy for high readability, as the contrast ratio allows for sharp, accessible typography. Use this shade sparingly to keep your interface clean and light.

Questions about #9af4dc

What is #9af4dc in RGB, HSL and CMYK?
In RGB, #9af4dc is rgb(154, 244, 220), in HSL hsl(164, 80%, 78%) and in CMYK 37%, 0%, 10%, 4%.
What colors pair best with #9af4dc for UI design?
Pair #9af4dc with dark neutrals like charcoal or deep navy to ensure text remains legible. Because this pastel is very light, using it as a primary background requires high-contrast typography to maintain proper accessibility standards.
Does #9af4dc read as a warm or cool color?
#9af4dc leans distinctly cool, carrying strong cyan and green undertones that evoke feelings of freshness and clarity. Its high luminosity gives it a crisp, clinical quality that works well in health, wellness, or tech-focused design systems.
Is #9af4dc readable on white or black?
#9af4dc has a 1.28:1 contrast ratio on white and 16.34: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.