#4A5561 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate blue sits on the edge of grey. It functions best as a background for dark-mode interfaces, where its muted saturation provides a softer alternative to pure black. The hex code #4a5561 offers strong legibility for white text, exceeding standard accessibility requirements. Pair it with warm, off-white accents to prevent the overall design from feeling overly cold or clinical.
Questions about #4a5561
What is #4a5561 in RGB, HSL and CMYK?
In RGB, #4a5561 is rgb(74, 85, 97), in HSL hsl(211, 13%, 34%) and in CMYK 24%, 12%, 0%, 62%. Browse more shades of gray with names and hex codes.
Why is #4a5561 a good choice for dark mode UI?
The muted saturation of #4a5561 creates a softer, more approachable feel than harsh, absolute black backgrounds while remaining dark enough to maintain excellent contrast for white or light-colored typography. It helps reduce eye strain and visual fatigue in low-light environments.
What colors pair best with #4a5561?
Use warm, off-white tones or soft cream shades to complement the coolness of #4a5561, preventing the overall design from feeling too clinical or sterile. For accent colors, muted terracotta or soft ochre provide a balanced, grounded contrast.
Is #4a5561 readable on white or black?
#4a5561 has a 7.59:1 contrast ratio on white and 2.76: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.