#3A45DE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid indigo packs significant visual punch, making it a high-energy choice for buttons and call-to-action highlights. It pairs surprisingly well with warm gold or burnt orange accents, which keep the design from feeling too cold. While this hex code, #3a45de, offers great readability with white text, its high saturation can overwhelm large backgrounds. If you want to refine this intense tone, consider mixing blue with softer, desaturated pigments.
Questions about #3a45de
What is #3a45de in RGB, HSL and CMYK?
In RGB, #3a45de is rgb(58, 69, 222), in HSL hsl(236, 71%, 55%) and in CMYK 74%, 69%, 0%, 13%.
Why does #3a45de work well for call-to-action buttons?
This specific indigo offers high visual saturation that naturally draws the eye, making it an excellent choice for interactive elements on neutral pages. It maintains strong readability against white backgrounds, ensuring your buttons remain both stylish and fully accessible to users.
What colors complement #3a45de for a balanced design?
To temper the intensity of #3a45de, pair it with warm gold or burnt orange to add depth and prevent the design from feeling too cold. These contrasting tones provide a sophisticated balance, keeping the high-energy blue from feeling overwhelming or overly aggressive.
Is #3a45de readable on white or black?
#3a45de has a 6.80:1 contrast ratio on white and 3.08: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.