#13B688 Hex Color

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

Hex color #13b688 graphic
This unsaturated teal strikes a balance between professional and approachable. The hex code #13b688 offers a cool, refreshing quality that works well for healthcare interfaces or wellness branding. Because it provides high contrast with black text, it functions effectively as a base for accessible web copy. Use this shade as a primary color for buttons or headers to add clarity to your design without overwhelming the viewer.

Questions about #13b688

What is #13b688 in RGB, HSL and CMYK?
In RGB, #13b688 is rgb(19, 182, 136), in HSL hsl(163, 81%, 39%) and in CMYK 90%, 0%, 25%, 29%.
Why is #13b688 effective for text-heavy designs?
This unsaturated teal provides a strong, reliable contrast against black or dark grey text, ensuring accessibility without the harshness of a pure primary color. It maintains visual clarity, which is essential for healthcare documentation, medical web portals, or long-form wellness articles where readability is the primary priority.
What colors pair well with #13b688 in a palette?
The cool, muted nature of #13b688 works best when anchored by neutral tones like charcoal or deep slate, allowing the teal to act as a clear focal point. For a more vibrant application, pairing it with a soft coral provides a complementary warmth that balances the coolness of the green-blue base.
Is #13b688 readable on white or black?
#13b688 has a 2.60:1 contrast ratio on white and 8.07: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.