#144E45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusky, muted teal, #144e45 offers a serious and grounded alternative to vibrant greens. Because it is highly unsaturated and dark, it functions best as a solid background color rather than for small text or fine details. This hex code pairs surprisingly well with warm, sandy beiges to soften its gloomy edge. Use it in UI design when you need a sophisticated, professional backdrop that provides excellent contrast for white typography.
Questions about #144e45
What is #144e45 in RGB, HSL and CMYK?
In RGB, #144e45 is rgb(20, 78, 69), in HSL hsl(171, 59%, 19%) and in CMYK 74%, 0%, 12%, 69%.
What makes #144e45 effective for UI design?
#144e45 provides a sophisticated, grounded alternative to brighter greens, making it perfect for UI backgrounds that require a professional tone. It offers excellent contrast when paired with white typography, ensuring your layout remains readable without the visual fatigue caused by vibrant, saturated colors.
Which colors pair best with #144e45?
Warm, sandy beiges provide the best balance for #144e45, as they soften the gloomy edge of this dark, dusky teal. You can also pair it with a light cream or off-white to maintain a clean, high-contrast look that feels modern and restrained.
Is #144e45 readable on white or black?
#144e45 has a 9.52:1 contrast ratio on white and 2.20: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.