#A5A5A5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Rainy Grey is a balanced, neutral mid-tone that avoids feeling sterile. Its ashy, dusty quality provides a stable anchor for interface backgrounds and minimalist typography. The hex code #a5a5a5 offers strong contrast for black text, ensuring excellent readability for body copy. Use it to ground vibrant accent colors, as it tempers saturation without draining all life from a composition.
About Rainy Grey
Wet pavement an hour after the storm moves on
What does rainy grey mean?
It commonly reads as neutral, practical, and balanced, and it often stands in for concrete, steel, and overcast weather. Its zero saturation and middle lightness give it a flat, even presence that settles between light and dark without pulling either way.
Where you see rainy grey
- concrete sidewalk
- overcast sky
- aluminum siding
- rain clouds
- pencil shading
- stone steps
What it works for
It works as a background that steps back, letting brighter colors carry the design while it keeps the page steady.
What colors go with rainy grey?
Terracotta #e2725bThe warm clay tone glows against a flat, colorless grey.Mustard #ffdb58Yellow heat cuts through the grey's damp, cool stillness.Dusty Rose #b56f76Both colors are muted, so the pairing feels soft and even.Forest Green #154406Deep green grounds the grey like wet foliage on stone.Blush #de5d83A faint pink warms the grey without breaking its calm.Navy #000080The grey sits between navy and white as a quiet middle tone.
Questions about Rainy Grey
What is the hex code for Rainy Grey?
Rainy Grey is #a5a5a5. In RGB that is rgb(165, 165, 165), in HSL hsl(0, 0%, 65%) and in CMYK 0%, 0%, 0%, 35%.
How should Rainy Grey be used in interface design?
Rainy Grey works best as a primary neutral background that grounds vibrant UI elements without competing for attention. Use it for secondary text or interface borders because its balanced saturation ensures excellent readability against white while maintaining a professional, softened look.
Does #a5a5a5 read as a warm or cool grey?
Rainy Grey leans slightly cool due to its ashy, desaturated quality, making it appear stable rather than industrial. It pairs naturally with navy or deep blues to enhance that crisp, professional aesthetic without feeling stark or overly clinical.
Is Rainy Grey readable on white or black?
Rainy Grey has a 2.46:1 contrast ratio on white and 8.52:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.