#1F8C87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool teal sits between cyan and green with a muted, professional saturation level. The hex code #1f8c87 provides enough contrast for readable black text, making it a reliable choice for UI buttons or smaller graphical accents. While it functions well as a supporting tone, it can appear muddy when used as a full-page background. Try pairing it with warm grays to see how to make gray feel more intentional.
Questions about #1f8c87
What is #1f8c87 in RGB, HSL and CMYK?
In RGB, #1f8c87 is rgb(31, 140, 135), in HSL hsl(177, 64%, 34%) and in CMYK 78%, 0%, 4%, 45%.
What makes #1f8c87 effective for user interface design?
The color #1f8c87 offers a high enough contrast ratio for black text to remain legible on screen, making it a reliable choice for buttons or graphical accents. It avoids the neon harshness of pure cyan while maintaining a clean, professional aesthetic for digital layouts.
Which color palettes work best with #1f8c87?
Because #1f8c87 is a muted teal, it pairs exceptionally well with warm gray or sandy neutrals to prevent the design from looking too cold. Avoid using it as a primary background, as it can appear muddy when covering large areas.
Is #1f8c87 readable on white or black?
#1f8c87 has a 4.07:1 contrast ratio on white and 5.15: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.