#108E8B Hex Color

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

Hex color #108e8b graphic
This muted teal leans heavily into its cool, green-blue undertones. Because it offers high readability with black text, #108e8b works as a solid choice for interface buttons or informative headers. Avoid using it as a dominant background color in expansive designs, where it can easily overwhelm the eye. Instead, use this hex code as a focused accent color to guide user attention within your layout.

Questions about #108e8b

What is #108e8b in RGB, HSL and CMYK?
In RGB, #108e8b is rgb(16, 142, 139), in HSL hsl(179, 80%, 31%) and in CMYK 89%, 0%, 2%, 44%.
Where should I use #108e8b in a user interface?
#108e8b functions best as a focused accent for call-to-action buttons or navigation highlights rather than a full-page background. Because it holds significant visual weight, using it sparingly ensures your key interactive elements stand out without overwhelming the layout.
What colors pair well with #108e8b?
This muted teal pairs naturally with warm neutrals like cream or soft beige to balance its cool, aquatic temperature. For high-contrast professional designs, it creates a clean and modern aesthetic when placed against dark charcoal or crisp white surfaces.
Is #108e8b readable on white or black?
#108e8b has a 3.98:1 contrast ratio on white and 5.26: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.