#9AFBFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous pastel cyan feels airy and refreshing. Because it has a high lightness, #9afbff functions best as a bright, clean background for modern UI projects rather than a primary accent. It offers excellent legibility for black text, ensuring WCAG AA compliance for body copy. Pair it with deep charcoal or slate grays to keep the composition grounded and prevent the color from appearing washed out.
Questions about #9afbff
What is #9afbff in RGB, HSL and CMYK?
In RGB, #9afbff is rgb(154, 251, 255), in HSL hsl(182, 100%, 80%) and in CMYK 40%, 2%, 0%, 0%.
How can I use #9afbff effectively in UI design?
#9afbff functions best as a bright, clean background for modern web interfaces rather than a primary accent. Because it has high lightness, it provides excellent legibility for black or deep charcoal text, ensuring you meet standard accessibility compliance.
What colors pair well with #9afbff?
Pair #9afbff with deep, grounded neutrals like slate gray or charcoal to prevent the color from appearing washed out. These darker tones provide the necessary contrast to anchor the brightness of the cyan while maintaining a sophisticated, modern aesthetic.
Is #9afbff readable on white or black?
#9afbff has a 1.19:1 contrast ratio on white and 17.61: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.