#4B5563 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate-like blue offers a serious and muted presence. Because #4b5563 is desaturated and dark, it functions best as a base for dark mode interfaces or text that needs high readability. It pairs well with crisp whites, which pop against its cool, ashy undertones. This hex code provides a professional, grounded alternative to traditional navy when you want to avoid high contrast.
Questions about #4b5563
What is #4b5563 in RGB, HSL and CMYK?
In RGB, #4b5563 is rgb(75, 85, 99), in HSL hsl(215, 14%, 34%) and in CMYK 24%, 14%, 0%, 61%.
How should I use #4b5563 in interface design?
This desaturated, slate-like blue is an excellent choice for dark mode backgrounds where you need a professional, grounded atmosphere. It creates a subtle, sophisticated contrast against white text, making it far easier on the eyes than a harsh, pure black.
Does #4b5563 lean cool or warm?
The color #4b5563 sits firmly on the cool side of the spectrum, carrying distinct ashy, slate undertones that give it a serious and restrained personality. Because of this, it naturally complements cooler palettes and works well when you want to avoid warmer, muddy tones.
Is #4b5563 readable on white or black?
#4b5563 has a 7.55:1 contrast ratio on white and 2.77: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.