#3A977A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool teal sits at a comfortable middle ground, avoiding neon saturation while maintaining a refreshing presence. Because it maintains strong legibility against black text, #3a977a functions well for UI elements and technical interfaces where clarity is paramount. Use it as a supporting tone alongside deep charcoal or warm greys rather than a full-page background to keep designs feeling balanced and professional.
Questions about #3a977a
What is #3a977a in RGB, HSL and CMYK?
In RGB, #3a977a is rgb(58, 151, 122), in HSL hsl(161, 44%, 41%) and in CMYK 62%, 0%, 19%, 41%.
How should I use #3a977a in interface design?
Use #3a977a as a supporting accent or UI element rather than a full-page background to maintain focus. It pairs effectively with charcoal or soft greys, ensuring that black text remains highly legible against the teal surface.
Is #3a977a considered a warm or cool tone?
As a cool-leaning teal, #3a977a carries a refreshing, grounded quality that avoids harsh neon saturation. This makes it a reliable choice for professional environments where you need color without the visual noise or high contrast of brighter, warmer greens.
Is #3a977a readable on white or black?
#3a977a has a 3.56:1 contrast ratio on white and 5.88: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.