#5E5E5E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Iron is a stoic, mid-tone grey that provides a grounded base for professional designs. Because this hex code #5e5e5e carries enough weight, it works well for typography and UI elements that require readability without the harshness of pure black. Pair it with soft pastels to create a sophisticated, modern contrast. It maintains excellent accessibility when paired with white text for small body copy.
About Iron
Cast metal left out in the rain
What does iron mean?
It commonly brings to mind metal, machinery, concrete, and overcast weather, and it often reads as strong, plain, and unpretentious. With no saturation and a mid-dark lightness, it feels heavy and settled, a color that sits still instead of pulling the eye.
Where you see iron
- cast iron skillets
- graphite pencil marks
- storm clouds
- asphalt
- dumbbells
- galvanized fencing
What it works for
Use it as a grounding neutral when pure black feels too harsh and lighter grays feel too faint.
What colors go with iron?
Burnt Sienna #a93400Rust-toned warmth against cold metal echoes weathered iron and old machinery left outdoors.Mustard #ffdb58The sharp yellow cuts through the gray's flatness without turning the pairing loud.Dusty Rose #b56f76The muted pink softens the metal-heavy gray, giving it a worn, handmade feel.Sage #9caf88Both are low-saturation, so the pair stays calm while the green adds quiet life.Cream #fffdd0A warm pale counterpoint keeps the dark gray from flattening the whole palette.
Questions about Iron
What is the hex code for Iron?
Iron is #5e5e5e. In RGB that is rgb(94, 94, 94), in HSL hsl(0, 0%, 37%) and in CMYK 0%, 0%, 0%, 63%.
How should I use #5e5e5e in a UI design interface?
#5e5e5e serves as an ideal choice for secondary typography or interface borders where you need structure without creating visual strain. It provides a softer, more modern alternative to pure black while maintaining enough contrast to remain easily legible on white backgrounds.
Is Iron readable on white or black?
Iron has a 6.48:1 contrast ratio on white and 3.23: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.