#4D685B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted teal carries a serious and sophisticated weight. Because it is highly unsaturated, #4d685b works best as a grounding background element in UI design rather than a primary focus. It provides excellent accessibility for white body text, ensuring readability. Pair this hex code with soft creams or warm grays to keep your palette from appearing too moody or flat.
Questions about #4d685b
What is #4d685b in RGB, HSL and CMYK?
In RGB, #4d685b is rgb(77, 104, 91), in HSL hsl(151, 15%, 35%) and in CMYK 26%, 0%, 12%, 59%.
What colors pair well with #4d685b?
#4d685b works best when softened by warm neutrals like cream or light warm gray. These pairings prevent the teal from feeling too flat or moody, allowing the color to provide a professional, grounded look for interface backgrounds.
Is #4d685b readable on white or black?
#4d685b has a 6.09:1 contrast ratio on white and 3.44: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.