#009670 Hex Color

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

Hex color #009670 graphic
Mid-tone and balanced, #009670 is a cool teal with moderate saturation. It provides 5.6:1 contrast against black text, comfortably meeting WCAG standards for small body copy. Because of this readability, designers often use it for UI elements or healthcare branding. Use it as a secondary accent rather than a dominant background to prevent the saturation from overpowering your interface. The hex code is #009670.

Questions about #009670

What is #009670 in RGB, HSL and CMYK?
In RGB, #009670 is rgb(0, 150, 112), in HSL hsl(165, 100%, 29%) and in CMYK 100%, 0%, 25%, 41%.
How should #009670 be used in user interface design?
Because #009670 maintains high contrast against black text, it functions best as a functional accent color for buttons, links, or status indicators. Use it sparingly to guide user focus without letting the color overwhelm your overall layout structure.
Which colors pair effectively with #009670?
This teal pairs naturally with warm neutrals like a soft cream or beige to ground its cool temperature. For a more sophisticated look, combine it with deep navy to create a professional and high-contrast color scheme for modern branding.
Is #009670 readable on white or black?
#009670 has a 3.75:1 contrast ratio on white and 5.59: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.