Blurple
Meet Blurple (#5865F2), a vibrant hue that perfectly straddles the line between blue and violet. Its striking saturation and unique position on the color wheel make it a memorable choice for any design palette, offering a fresh yet familiar feel that immediately captures attention.
What color is Blurple?
Blurple is a vibrant shade that sits squarely between blue and purple. It has the cool, stable quality of blue but is softened by a distinct violet influence, giving it a character similar to periwinkle.
The color presents as a saturated blue with noticeable purple undertones. This composition creates a unique visual harmony, keeping it on the cooler side of the spectrum away from red-based purples.
What is the meaning of the color Blurple (#5865F2)?
Blurple merges the dependability of blue with the imaginative spirit of purple, creating a color that feels both trustworthy and creative.
Popularized by platforms like Discord, it evokes a sense of modern community and friendliness, making it a symbol for online connection and camaraderie.
How can I use Blurple in my UI design?
Blurple’s intensity makes it a strong choice for primary actions, highlights, and branding moments. To make #5865F2 stand out, pair it with a neutral palette of whites, light grays, or deep charcoals. For text, high-contrast pairings like white on a Blurple background are visually effective, but always verify the combination against accessibility guidelines to ensure readability.
While not a color you see everywhere, this distinctiveness is its strength. Brands like Discord, Stripe, Canny, and TradingView use similar hues to build a memorable and modern identity. Its relative rarity in branding suggests an opportunity for companies to create a unique visual signature.
To see these principles in action, use the tools below to explore curated palettes, test color contrast for accessibility, and preview Blurple in real UI components from top brands.
Using Blurple color codes
The hex code for Blurple, #5865F2, is your key for any digital application. Its energetic quality makes it a strong choice for drawing attention without being overwhelming.
Your design medium dictates the color code you'll need. While HEX is standard for the web, you'll need to convert it to RGB for most digital displays or CMYK for anything destined for print. For fine-tuning, HSL (Hue, Saturation, Lightness) provides an intuitive way to modify the color, while models like LAB and LCH are built for perceptual uniformity across different media.
We've prepared a full set of conversions for #5865F2 below. Just find the format you need and copy it for your toolkit.
Analogous
As neighbors on the color wheel, analogous colors pair with Blurple to create a harmonious palette that feels both balanced and serene.
Complementary
A complementary color sits directly opposite on the color wheel. Paired with Blurple, its complement creates a striking combination with maximum visual contrast.
Split Complementary
A split complementary scheme for Blurple uses the two colors adjacent to its direct complement, offering high contrast with more nuance.
Triadic
A triadic harmony uses three colors equally spaced on the color wheel, creating a vibrant, high-contrast palette with Blurple as its foundation.
Tetradic
A tetradic scheme for Blurple involves two sets of complementary colors, creating a rich, four-color palette arranged in a rectangle on the color wheel.
Square
A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant and high-contrast palette with Blurple.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are created by adding black to Blurple, giving the color more depth and gravity.
Tints
Tints are created by adding white to Blurple, resulting in softer, lighter variations.
Tones
Tones are muted versions of Blurple, created by adding gray to soften its saturation.
Hues
Hues are variations of Blurple, differing in intensity or temperature to create unique visual effects.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
