#009688 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This medium-toned teal is cool, unsaturated, and exceptionally readable. Because it maintains a 5.7:1 contrast ratio against black text, #009688 functions well as a solid base or a primary UI accent. It pairs unexpectedly well with warm, terracotta tones, which ground its clinical feel. Use this hex code when you need a professional, reliable color that avoids feeling stark or sterile.
Questions about #009688
What is #009688 in RGB, HSL and CMYK?
In RGB, #009688 is rgb(0, 150, 136), in HSL hsl(174, 100%, 29%) and in CMYK 100%, 0%, 9%, 41%.
What colors complement #009688 in a design scheme?
Warm, earthy tones like terracotta or soft sand provide the best balance for this cool-toned teal. Using these contrasting warm hues grounds the color, preventing the interface from feeling too clinical or sterile while maintaining strong visual interest.
Is #009688 suitable for text on a white background?
Yes, #009688 maintains a strong contrast ratio of 5.7:1 against black text, but when used as text on white backgrounds, it may require careful testing. It functions most effectively as a primary UI accent or a solid background color for professional branding.
Is #009688 readable on white or black?
#009688 has a 3.67:1 contrast ratio on white and 5.71: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.