#5A5E53 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted olive feels grounded and serious with its strong grey undertones. Because it lacks brightness, #5a5e53 works best as a supporting background rather than a main feature. It provides an excellent base for white text, which remains highly readable against this dark shade. Pair it with muted terracottas to avoid a flat appearance. The hex code for this moody, nature-inspired tone is #5a5e53.
Questions about #5a5e53
What is #5a5e53 in RGB, HSL and CMYK?
In RGB, #5a5e53 is rgb(90, 94, 83), in HSL hsl(82, 6%, 35%) and in CMYK 4%, 0%, 12%, 63%.
What colors pair best with #5a5e53?
Because #5a5e53 is a desaturated, cool-toned olive, it works best when paired with warm contrasts to prevent the design from feeling flat. Try balancing it with soft terracotta or warm cream to bring life to the layout.
Is #5a5e53 suitable for text backgrounds?
Yes, #5a5e53 serves as an excellent, low-glare background for white or very light-colored text. Its muted quality reduces eye strain compared to pure black, making it a professional choice for modern UI design and long-form reading interfaces.
Is #5a5e53 readable on white or black?
#5a5e53 has a 6.64:1 contrast ratio on white and 3.16: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.