#7E5DD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet commands immediate attention with its high-energy presence. Because it is so intense, #7e5dd6 works best as an accent color for calls to action or UI highlights rather than a full background. It provides sufficient contrast for white text, though it can feel overwhelming in large blocks. Pair it with soft grays or creams to ground its inherent flamboyance.
Questions about #7e5dd6
What is #7e5dd6 in RGB, HSL and CMYK?
In RGB, #7e5dd6 is rgb(126, 93, 214), in HSL hsl(256, 60%, 60%) and in CMYK 41%, 57%, 0%, 16%.
Where should I use #7e5dd6 in my design?
Because #7e5dd6 is highly saturated, it serves best as a purposeful accent color rather than a primary background shade. Apply this violet to call-to-action buttons, notification badges, or icon highlights to draw immediate attention without overwhelming your interface.
What colors pair well with #7e5dd6?
To balance the intensity of #7e5dd6, pair it with neutral tones like soft gray or creamy whites that ground its flamboyance. If you need a more daring palette, it provides a striking contrast against complementary shades like pale yellow or lime.
Is #7e5dd6 readable on white or black?
#7e5dd6 has a 4.74:1 contrast ratio on white and 4.42: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.