#9ED9ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan is a light, airy shade that reads as clean and refreshing. Because it is highly desaturated, #9ed9ed works best as a neutral background rather than a primary focus. Pair it with soft charcoal grays or deep navy to ground its airy feel. With excellent contrast against black text, the hex code #9ed9ed is a practical choice for readable interface components.
Questions about #9ed9ed
What is #9ed9ed in RGB, HSL and CMYK?
In RGB, #9ed9ed is rgb(158, 217, 237), in HSL hsl(195, 69%, 77%) and in CMYK 33%, 8%, 0%, 7%.
What design elements work best with #9ed9ed?
Because #9ed9ed is highly desaturated, it serves best as a subtle background color rather than a primary focus. Pair it with high-contrast elements like charcoal or deep navy text to maintain readability while keeping your interface feeling airy and light.
Is #9ed9ed suitable for web interface text?
Using #9ed9ed as a text color is generally not recommended because its light, airy nature does not provide enough contrast against white backgrounds. Instead, use this shade for containers, subtle accents, or card backgrounds to maintain proper accessibility standards for your users.
Is #9ed9ed readable on white or black?
#9ed9ed has a 1.54:1 contrast ratio on white and 13.60: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.