#4E5863 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue-grey projects a serious and professional tone. Because #4e5863 carries a heavy, matte appearance, it works effectively as a dark background for tech or finance brands. While it reads as a solid neutral, avoid pairing it with other muddy tones to prevent a dull interface. White text stands out against this hex code with excellent contrast, making it a reliable choice for readable body text.
Questions about #4e5863
What is #4e5863 in RGB, HSL and CMYK?
In RGB, #4e5863 is rgb(78, 88, 99), in HSL hsl(211, 12%, 35%) and in CMYK 21%, 11%, 0%, 61%.
How should I use #4e5863 in a UI design?
This color functions best as a sophisticated, muted background that avoids the harshness of pure black while maintaining high readability for white text. Because it has a subtle blue-grey character, it pairs exceptionally well with crisp white or soft, off-white accents to create a clean, modern aesthetic.
Is #4e5863 considered a warm or cool color?
It leans cool due to its underlying blue tones, though the significant grey desaturation makes it act as a versatile neutral. This allows it to hold a steady, serious presence without feeling overly clinical or cold, making it ideal for professional branding that requires a sense of stability.
Is #4e5863 readable on white or black?
#4e5863 has a 7.24:1 contrast ratio on white and 2.90: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.