UI Design Token: Violet Deep
#7C3AED Color Code
#7C3AED is a curated violet deep tone (AI Feature Highlights & Premium Badges). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#7C3AED
Violet Deep
RGB: 124, 58, 237
HEX
#7C3AED
RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)
Complementary
#ACED3B
50 â 950 Tailwind Shades Scale for #7C3AED
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
5.7:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
3.13:1
WCAG AA: Large Text Only (3:1)
CSS Variables & Design Token Export
:root {
--color-violet deep: #7C3AED;
--color-violet deep-rgb: 124, 58, 237;
--color-violet deep-hsl: 262deg 83% 58%;
--color-violet deep-comp: #ACED3B;
}