#299E86 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #299e86 produces a medium-dark, somewhat muted teal with a cool blue-green cast. It brings clarity and balance to healthcare, wellness, technology, and hospitality palettes without feeling loud. Use it as a supporting brand tone or interface accent; black text reads clearly on it, with about a 6.3:1 contrast ratio that meets WCAG AA for body text.
Questions about #299e86
What is #299e86 in RGB, HSL and CMYK?
In RGB, #299e86 is rgb(41, 158, 134), in HSL hsl(168, 59%, 39%) and in CMYK 74%, 0%, 15%, 38%.
What colors pair well with #299e86?
#299e86 pairs well with charcoal, warm cream, and muted burgundy, balancing its cool blue-green cast without making the palette feel clinical. Use cream for spacious backgrounds, charcoal for text, and burgundy sparingly when the design needs stronger contrast.
Where does #299e86 work best in a layout?
#299e86 works best as a supporting brand tone, navigation accent, or button background paired with black text rather than as the only page background. Its medium-dark value gives interfaces structure, while restrained saturation keeps healthcare and wellness screens approachable.
Is #299e86 readable on white or black?
#299e86 has a 3.31:1 contrast ratio on white and 6.32:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.