#9D1DE2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This hyper-saturated violet demands immediate attention. Due to its intense chroma, #9d1de2 is too loud for backgrounds but shines as a high-impact call to action or bold UI highlight. It pairs well with dark charcoal grays to ground the energy. White text remains readable against this hex code, ensuring contrast stays high for both small and large type.
Questions about #9d1de2
What is #9d1de2 in RGB, HSL and CMYK?
In RGB, #9d1de2 is rgb(157, 29, 226), in HSL hsl(279, 77%, 50%) and in CMYK 31%, 87%, 0%, 11%.
What is the best way to use #9d1de2 in UI design?
#9d1de2 functions best as a high-impact accent color for call-to-action buttons or navigation highlights rather than large backgrounds. Its intense chroma can overwhelm users, so use it sparingly to guide the eye toward specific interactive elements on your page.
Is #9d1de2 readable on white or black?
#9d1de2 has a 5.66:1 contrast ratio on white and 3.70: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.