#296666 Hex Color

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

Hex color #296666 graphic
#296666 is a muted, desaturated teal with heavy gray undertones. This cool shade functions best as a stabilizing background or a secondary tone in dark mode interfaces. Because it offers strong contrast with white text, it maintains high readability for body copy. If you struggle with what colors make gray to create similar muddy, industrial palettes, lean on this dark, atmospheric cyan.

Questions about #296666

What is #296666 in RGB, HSL and CMYK?
In RGB, #296666 is rgb(41, 102, 102), in HSL hsl(180, 43%, 28%) and in CMYK 60%, 0%, 0%, 60%.
How should I use #296666 in a UI design?
#296666 works best as a stabilizing background or secondary tone in dark mode interfaces where you need low-vibrancy color. Its gray undertones make it an excellent choice for sidebars or card elements when you want to avoid harsh black.
What colors pair well with the #296666 hex code?
This muted teal complements high-contrast neutrals like off-white or soft creams very well. For a more industrial or professional palette, try pairing it with charcoal text or subtle accents of muted gold to balance its cool temperature.
Is #296666 readable on white or black?
#296666 has a 6.58:1 contrast ratio on white and 3.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.