#4D5164 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted indigo sits on the edge of grey, offering a serious and grounded mood. Because #4d5164 is desaturated, it avoids the harshness of pure colors and works best as a primary background in dark mode interfaces. Pair it with soft cream or muted mustard to brighten its somber character. The hex code for this shade is #4d5164, which provides enough contrast for white text to remain legible.
Questions about #4d5164
What is #4d5164 in RGB, HSL and CMYK?
In RGB, #4d5164 is rgb(77, 81, 100), in HSL hsl(230, 13%, 35%) and in CMYK 23%, 19%, 0%, 61%.
What colors pair best with #4d5164?
Because #4d5164 is a desaturated indigo, it benefits from the warmth of a soft cream or muted mustard to break up its serious tone. You can also pair it with a light slate or charcoal for a professional, monochromatic aesthetic.
How does #4d5164 perform in interface design?
This hex color is an ideal choice for dark mode UI backgrounds because its subtle grey undertones reduce harsh screen glare. It provides enough contrast for white or light-toned text to remain perfectly legible for users.
Is #4d5164 readable on white or black?
#4d5164 has a 7.84:1 contrast ratio on white and 2.67: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.