#99BEC6 Hex Color

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

Hex color #99bec6 graphic
A dusty and unsaturated cyan, #99bec6 brings a muted, refreshing feel to digital interfaces. This shade functions best as a dominant background tone. Because black text maintains a high 10.5:1 contrast ratio against this hue, it ensures excellent readability for small body copy. The hex code for this color is #99bec6. Use it with deep, warm neutrals to prevent the overall palette from feeling too clinical.

Questions about #99bec6

What is #99bec6 in RGB, HSL and CMYK?
In RGB, #99bec6 is rgb(153, 190, 198), in HSL hsl(191, 28%, 69%) and in CMYK 23%, 4%, 0%, 22%.
What colors pair well with #99bec6 in a web design palette?
Pair #99bec6 with deep, warm neutrals like charcoal or espresso to ground the design and prevent the palette from feeling too clinical. Adding a splash of terracotta provides a complementary warmth that balances the coolness of this dusty cyan.
Is #99bec6 suitable for body text or interface labels?
While #99bec6 works exceptionally well as a dominant background tone, it is generally too light for small body text. However, black text maintains a high 10.5:1 contrast ratio against this hue, ensuring excellent readability when used as a background for standard interface copy.
Is #99bec6 readable on white or black?
#99bec6 has a 1.99:1 contrast ratio on white and 10.53: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.