#2F8782 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2f8782 graphic
This muted teal balances cyan and green undertones with a cool, grounded saturation. Because it maintains strong contrast against black text, the hex code #2f8782 works effectively for UI elements and communication branding that requires clarity. It reads best as a primary interface color rather than a large background block, as it can feel overwhelming in excess. Pair it with soft creams for a sophisticated, modern palette.

Questions about #2f8782

What is #2f8782 in RGB, HSL and CMYK?
In RGB, #2f8782 is rgb(47, 135, 130), in HSL hsl(177, 48%, 36%) and in CMYK 65%, 0%, 4%, 47%.
Why is #2f8782 effective for web interfaces?
The color #2f8782 offers high visual contrast against dark text, ensuring readability while maintaining a sophisticated, modern aesthetic. It avoids the neon harshness of pure cyan, making it an ideal primary accent for buttons or navigation bars in professional branding.
What colors complement #2f8782?
To balance the cool, muted nature of #2f8782, pair it with warm neutrals like cream or sand. These soft, organic tones counteract the cyan undertones, creating a grounded, approachable palette that works exceptionally well for lifestyle or wellness-focused web designs.
Is #2f8782 readable on white or black?
#2f8782 has a 4.27:1 contrast ratio on white and 4.90: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.