#139689 Hex Color

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

Hex color #139689 graphic
This unsaturated, cool teal offers a professional look for healthcare and wellness interfaces. It functions well as a balanced primary brand color or a dominant base because it avoids being overwhelming. The hex code #139689 provides enough contrast to support black body text while maintaining a clean, clear appearance. Pair it with soft grays or off-whites to avoid a washed-out effect in your design layouts.

Questions about #139689

What is #139689 in RGB, HSL and CMYK?
In RGB, #139689 is rgb(19, 150, 137), in HSL hsl(174, 78%, 33%) and in CMYK 87%, 0%, 9%, 41%.
How should I use #139689 in a UI design?
#139689 functions best as a primary accent or brand color because it maintains professional clarity without overwhelming the user interface. It provides sufficient contrast against white backgrounds for standard body text while creating a calming, clean aesthetic for healthcare-related applications.
What colors pair well with the #139689 hex color?
This teal pairs effectively with neutral tones like charcoal for high-contrast text or soft off-whites to prevent the design from feeling washed out. To create a balanced color scheme, consider adding muted accents such as sand or light grays.
Is #139689 readable on white or black?
#139689 has a 3.65:1 contrast ratio on white and 5.75: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.