#8EB7C4 Hex Color

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

Hex color #8eb7c4 graphic
This dusty cyan leans heavily into gray, creating a muted, unsaturated tone that feels soft and approachable. The hex code #8eb7c4 provides excellent contrast for black body text, making it a reliable choice for UI backgrounds. It works best as a supporting neutral when paired with richer charcoal or navy accents, preventing it from appearing washed out in high-light environments.

Questions about #8eb7c4

What is #8eb7c4 in RGB, HSL and CMYK?
In RGB, #8eb7c4 is rgb(142, 183, 196), in HSL hsl(194, 31%, 66%) and in CMYK 28%, 7%, 0%, 23%.
What color palettes work best with #8eb7c4?
Because #8eb7c4 functions as a cool-toned neutral, it anchors beautifully against deep charcoal or classic navy to prevent the design from feeling too washed out. You can also create a harmonious monochromatic scheme by layering lighter tints and darker shades of this same cyan.
How does #8eb7c4 perform for website interface backgrounds?
This hex color offers a gentle, muted base that is surprisingly legible when paired with high-contrast, dark-colored text. It remains approachable in bright environments, making it a reliable choice for UI elements that require a softer look without sacrificing readability or standard accessibility compliance.
Is #8eb7c4 readable on white or black?
#8eb7c4 has a 2.16:1 contrast ratio on white and 9.72: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.