UI Design Token: Purple
#8B5CF6 Color Code
#8B5CF6 is a curated purple tone (Creative Apps, AI Tools & Studio Branding). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#8B5CF6
Purple
RGB: 139, 92, 246
HEX
#8B5CF6
RGB
rgb(139, 92, 246)
HSL
hsl(258, 90%, 66%)
Complementary
#C8F65A
50 â 950 Tailwind Shades Scale for #8B5CF6
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
4.23:1
WCAG AA: Large Text Only (3:1)
On Slate Dark (#0F172A)
4.22:1
WCAG AA: Large Text Only (3:1)
CSS Variables & Design Token Export
:root {
--color-purple: #8B5CF6;
--color-purple-rgb: 139, 92, 246;
--color-purple-hsl: 258deg 90% 66%;
--color-purple-comp: #C8F65A;
}