#1AA575 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone green carries strong teal undertones and a cool, muted temperature. The hex code for this shade is #1aa575. Because it maintains high legibility with black text, it serves as an excellent choice for UI elements or data-heavy dashboards where clarity is a priority. Pair it with soft grays to avoid overpowering your layout, as its moderate saturation can feel heavy in large blocks.
Questions about #1aa575
What is #1aa575 in RGB, HSL and CMYK?
In RGB, #1aa575 is rgb(26, 165, 117), in HSL hsl(159, 73%, 37%) and in CMYK 84%, 0%, 29%, 35%.
Does #1aa575 work well for interface design?
#1aa575 is an excellent choice for UI elements because it maintains strong contrast against dark text, ensuring data remains readable in busy dashboards. Its moderate saturation prevents visual fatigue while offering more personality than standard corporate greens.
What colors pair well with #1aa575?
Soft, neutral grays act as the perfect foundation for #1aa575, as they prevent the color from feeling too heavy or overwhelming in larger layouts. For contrast, consider pairing it with a warm terracotta to balance its cool teal undertones.
Is #1aa575 readable on white or black?
#1aa575 has a 3.14:1 contrast ratio on white and 6.68: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.