#384846 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, ink-toned teal sits firmly in the shadows with its dusty, grey undertones. Because #384846 feels heavy and serious, it works best as a moody backdrop for minimalist interfaces or as a secondary anchor in a dark palette. Pair it with soft whites for high-contrast, legible text, though avoid using it for fine details where its low chroma might cause it to look muddy.
Questions about #384846
What is #384846 in RGB, HSL and CMYK?
In RGB, #384846 is rgb(56, 72, 70), in HSL hsl(173, 13%, 25%) and in CMYK 22%, 0%, 3%, 72%.
What is the best way to use #384846 in UI design?
#384846 works best as a primary background or anchor color because of its deep, desaturated nature. It pairs effortlessly with cream or soft whites to ensure high-contrast readability, keeping the interface feeling grounded, professional, and calm.
Does #384846 read more as a green or a blue?
This color functions primarily as a darkened, greyed-out teal, effectively bridging the gap between green and blue. It avoids being too vibrant, making it an excellent choice for layouts where you need the depth of navy without the intense cool undertones.
Is #384846 readable on white or black?
#384846 has a 9.61:1 contrast ratio on white and 2.18: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.