#1F5E5A Hex Color

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

Hex color #1f5e5a graphic
This dark, ashy teal sits in a dim, cool range, offering a sophisticated alternative to standard navy. Because it is highly unsaturated, #1f5e5a works best as a moody background or a grounding neutral for healthcare branding. It pairs well with cream or light metallics. Since white text reads clearly against it, you can use this hex code for readable interface components.

Questions about #1f5e5a

What is #1f5e5a in RGB, HSL and CMYK?
In RGB, #1f5e5a is rgb(31, 94, 90), in HSL hsl(176, 50%, 25%) and in CMYK 67%, 0%, 4%, 63%.
Where does #1f5e5a work best in UI design?
#1f5e5a functions exceptionally well as a grounding background color for healthcare or wellness applications because it feels calm and professional. Its high contrast against white text makes it a reliable choice for accessible interface components like cards, footers, or navigation bars.
What colors pair well with #1f5e5a?
This ashy teal balances beautifully with cream or light, warm metallics to offset its cool, unsaturated nature. If you need more contrast, it pairs effectively with soft sand tones or a crisp, off-white to maintain a clean, modern aesthetic.
Is #1f5e5a readable on white or black?
#1f5e5a has a 7.48:1 contrast ratio on white and 2.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.