Indigo 600 – Shades
Browse 10 progressively darker shades of #4f46e5. Perfect for depth, shadows, and dark themes.
#4f46e5
Base
#3b32e2
#281fd6
#241bc0
#1f18aa
#1b148f
#161178
#110d5e
#0d0a47
#090731
#040316
About Shades for #4f46e5
Shades of #4f46e5 are produced by progressively reducing lightness. While the hue remains at 243°, darker values add depth, weight, and gravitas. Shades are used for text on coloured backgrounds, shadows, borders, and dark-mode UI. The 10 shades below progress from slightly darker than #4f46e5 to deep, near-black variations. Pairing the original color with its darker shades creates a professional monochromatic look that communicates sophistication.
Frequently Asked Questions
- What is the shades of #4f46e5?
- Shades of #4f46e5 are produced by progressively reducing lightness. While the hue remains at 243°, darker values add depth, weight, and gravitas. Shades are used for text on coloured backgrounds, shad...
- How do I use #4f46e5 shades colors in CSS?
- Copy the hex values shown above and use them in CSS properties like color, background-color, or border-color. For gradients, use the linear-gradient() syntax provided.