Periwinkle
A vivid indigo with energetic purple undertones
Periwinkle is a loud, vivid indigo that leans heavily into cool purple undertones. Because it is highly saturated, this shade functions best as an accent or call-to-action button rather than a large background. Pair #8e82fe with charcoal gray or deep off-whites to maintain contrast and avoid eye strain. The hex code #8e82fe offers enough accessibility for standard text, though it commands attention best in smaller doses.
Questions about Periwinkle
What is the hex code for Periwinkle?
Periwinkle is #8e82fe. In RGB that is rgb(142, 130, 254), in HSL hsl(246, 98%, 75%) and in CMYK 44%, 49%, 0%, 0%.
How should I balance the intensity of #8e82fe in my UI design?
Because #8e82fe is highly saturated, it works best as a targeted call-to-action button or a small interface highlight rather than a large background color. To maintain readability and prevent visual fatigue, pair this vibrant periwinkle with deep charcoal text or crisp off-white neutrals.
Does #8e82fe lean warm or cool?
The #8e82fe color is decidedly cool, as it leans heavily into blue and indigo tones with a purple foundation. This coolness makes it excellent for modern, tech-focused branding, provided you balance it against softer, warmer neutrals to keep the design from feeling overly stark.
Is Periwinkle readable on white or black?
Periwinkle has a 3.09:1 contrast ratio on white and 6.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.