#4D5863 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate-like blue is dark, muted, and carries a serious, professional weight. Because #4d5863 is highly desaturated and inky, it functions best as a stable base or background for UI designs. Pair it with soft cream or warm, pale yellow to keep your interface legible. Its hex code is #4d5863, and it provides enough contrast to hold white text comfortably for any user.
Questions about #4d5863
What is #4d5863 in RGB, HSL and CMYK?
In RGB, #4d5863 is rgb(77, 88, 99), in HSL hsl(210, 13%, 35%) and in CMYK 22%, 11%, 0%, 61%.
What colors pair best with #4d5863 for UI design?
To maintain high legibility and a balanced contrast, pair #4d5863 with soft creams or warm, pale yellows. These lighter, warmer tones naturally neutralize the cool, inky weight of the slate blue, creating a professional and clean user interface experience.
Is #4d5863 suitable for use as a primary interface background?
Yes, #4d5863 functions effectively as a stable, professional backdrop because it is highly desaturated and muted. Its darkness provides excellent contrast for white text, ensuring your web interfaces remain readable while projecting a calm, serious tone for your brand.
Is #4d5863 readable on white or black?
#4d5863 has a 7.26:1 contrast ratio on white and 2.89: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.