#7EACC6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7eacc6 is a dusty, unsaturated blue with distinct cool undertones. Its desaturated gray character keeps it from feeling aggressive, making it a reliable choice for UI backgrounds. Because black text offers high readability against this hex code, it is an excellent base for clear, functional interfaces. Try pairing it with warm, sandy beiges to soften the overall palette.
Questions about #7eacc6
What is #7eacc6 in RGB, HSL and CMYK?
In RGB, #7eacc6 is rgb(126, 172, 198), in HSL hsl(202, 39%, 64%) and in CMYK 36%, 13%, 0%, 22%.
What types of color palettes work best with #7eacc6?
The muted, grayish character of #7eacc6 pairs beautifully with warm, sandy beiges or soft taupe tones to create a balanced contrast. You can also ground this blue by pairing it with charcoal for a sophisticated, high-contrast text and background combination.
Is #7eacc6 a good choice for interface design?
Yes, #7eacc6 is an excellent choice for UI design because its unsaturated, dusty quality prevents eye fatigue while maintaining professional readability. Black text provides high contrast against this hue, ensuring your content remains accessible for users while keeping the layout clean and modern.
Is #7eacc6 readable on white or black?
#7eacc6 has a 2.44:1 contrast ratio on white and 8.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.