#00AF88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal sits comfortably between green and blue, offering a clean aesthetic for modern UI design. Because it provides strong contrast for black text, the hex code #00af88 functions well as a primary CTA button or for bold, readable iconography. Avoid using it as a full-page background, as its intensity can easily overwhelm a user interface. It pairs nicely with slate grays for a balanced, professional look.
Questions about #00af88
What is #00af88 in RGB, HSL and CMYK?
In RGB, #00af88 is rgb(0, 175, 136), in HSL hsl(167, 100%, 34%) and in CMYK 100%, 0%, 22%, 31%.
What colors pair best with #00af88 for a professional look?
Is #00af88 a good choice for text-heavy web interfaces?
Avoid using #00af88 as a primary color for large blocks of body text, as its intensity can cause eye strain. Instead, reserve it for accents, buttons, or iconography where its high visibility helps guide user attention effectively across the page.
Is #00af88 readable on white or black?
#00af88 has a 2.80:1 contrast ratio on white and 7.48: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.