#00AF9B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool teal balances brightness with a muted, professional quality. Because it offers strong contrast against black text, #00af9b works well for UI buttons or data visualization elements where legibility is priority. Use the hex code #00af9b as a 10% accent rather than a full background, as its intensity can easily overwhelm a layout. It pairs effectively with charcoal grays for a clean, tech-forward aesthetic.
Questions about #00af9b
What is #00af9b in RGB, HSL and CMYK?
In RGB, #00af9b is rgb(0, 175, 155), in HSL hsl(173, 100%, 34%) and in CMYK 100%, 0%, 11%, 31%.
Where should I use #00af9b in a digital interface?
This color excels as a focused accent for call-to-action buttons or data visualization elements where you need high visibility without visual fatigue. Because it offers strong contrast against black text, use it sparingly as a 10% highlight to maintain a balanced layout.
What colors pair well with #00af9b for a clean aesthetic?
Pair #00af9b with dark charcoal or slate grays to create a tech-forward, professional look that keeps the teal feeling grounded. Avoid pairing it with overly vibrant primary reds or yellows, which can create a jarring visual clash.
Is #00af9b readable on white or black?
#00af9b has a 2.76:1 contrast ratio on white and 7.60: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.