#0E3A2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated teal provides a moody and grounded foundation for interface designs. Because it is so deep, white text offers excellent readability with a 12.6:1 contrast ratio. Use #0e3a2f as a dominant base for wellness or professional tech brands to evoke seriousness. It pairs well with soft creams or warm metallic accents, which help lift the color’s dense, ashy quality.
Questions about #0e3a2f
What is #0e3a2f in RGB, HSL and CMYK?
In RGB, #0e3a2f is rgb(14, 58, 47), in HSL hsl(165, 61%, 14%) and in CMYK 76%, 0%, 19%, 77%.
How can I use #0e3a2f effectively in a UI design?
#0e3a2f works best as a primary background or dominant base color for wellness and tech brands needing a serious tone. Because it is so deep, white text provides excellent readability against it with a 12.6:1 contrast ratio, ensuring your interface remains accessible.
What colors pair well with #0e3a2f?
This dark teal pairs beautifully with soft, warm neutrals like cream or beige, which help lift its dense, ashy quality. Incorporating warm metallic accents, such as gold or bronze, also adds necessary contrast and visual interest to an otherwise grounded, quiet palette.
Is #0e3a2f readable on white or black?
#0e3a2f has a 12.61:1 contrast ratio on white and 1.66: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.