#009B83 Hex Color

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

Hex color #009b83 graphic
This cool, muted teal sits between blue and green with a professional, restrained presence. The hex code #009b83 works well in healthcare and technology interfaces because black text remains highly legible against it. Designers should use this as a supporting tone or accent rather than a full background to avoid overwhelming the user. If you are struggling with mixing gray tones to balance this, stick to cool, desaturated neutrals.

Questions about #009b83

What is #009b83 in RGB, HSL and CMYK?
In RGB, #009b83 is rgb(0, 155, 131), in HSL hsl(171, 100%, 30%) and in CMYK 100%, 0%, 15%, 39%.
How should I balance #009b83 in my UI design?
Use #009b83 as a targeted accent or supporting tone rather than a full background to prevent visual fatigue. It pairs effectively with cool, desaturated neutrals like slate or soft grays to maintain a clean, professional aesthetic in your interface.
Is #009b83 suitable for text-heavy layouts?
Yes, this teal offers excellent contrast against black, making it highly legible for UI components and headers. It provides a restrained, calming presence that keeps user focus sharp without overwhelming the screen space in data-intensive applications.
Is #009b83 readable on white or black?
#009b83 has a 3.49:1 contrast ratio on white and 6.01: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.