#3ABF99 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, minty green offers a sharp, refreshing look for UI backgrounds and wellness branding. Because it sits on the brighter side, use it as a 10% accent rather than a full-page dominant base. Black text maintains excellent legibility against this hue, providing a high-contrast pairing for UI readability. The hex code for this specific shade is #3abf99.
Questions about #3abf99
What is #3abf99 in RGB, HSL and CMYK?
In RGB, #3abf99 is rgb(58, 191, 153), in HSL hsl(163, 53%, 49%) and in CMYK 70%, 0%, 20%, 25%.
How should I use #3abf99 in a user interface?
This bright mint green works best as a 10% accent color rather than a dominant base. Use #3abf99 to highlight call-to-action buttons or status indicators, ensuring you pair it with high-contrast black text to maintain optimal readability standards.
What colors pair well with #3abf99 for a balanced design?
Is #3abf99 readable on white or black?
#3abf99 has a 2.30:1 contrast ratio on white and 9.09: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.