Bluebonnet

Bluebonnet is a striking, electric blue that commands attention. It sits at the intersection of vibrancy and depth, presenting a pure, highly saturated hue.

Visually, it's a cool color, yet it carries a faint violet undertone that gives it a unique character, preventing it from feeling icy or distant.

The color Bluebonnet, #341CFF, radiates digital optimism and authority. It’s a shade that suggests confidence and forward-thinking, moving beyond the traditional calmness associated with lighter blues.

While its electric tone feels thoroughly modern, the name itself connects to the Texan wildflower, a symbol of resilience and admiration.

In UI design, Bluebonnet (#341CFF) shines as a vibrant accent for calls-to-action, icons, and interactive states. Pair it with a generous amount of white space and neutral grays to let its intensity pop, or create a more complex palette by matching it with complementary oranges and yellows for high-energy combinations. For a balanced application, try the 60-30-10 rule, using Bluebonnet for the smallest 10% portion to guide the user's eye without causing fatigue.

Several modern brands, including Aboard, Partiful, SuperHi, Quicken, Cleo, and Picsart, use a similar electric blue to appear energetic and forward-thinking. Its adoption by these companies shows it’s a strong choice for a digital-first identity that aims to stand out.

Explore curated palettes, test color contrast for accessibility, and preview Bluebonnet in real UI components from top brands using the tools below.

Using the Bluebonnet color begins with its hex code, #341CFF. This is the most direct way to specify the color in CSS or drop it into a design tool's color picker. From there, you can translate it into other formats depending on your project's needs.

Different projects require different color models. For digital displays, you'll work with its RGB values. If you're preparing assets for print, you'll need the CMYK equivalent. Other codes like HSL (Hue, Saturation, Lightness) are useful for programmatically generating tints and shades of Bluebonnet.

To make things easier, we've converted Bluebonnet's #341CFF hex code into a range of popular formats. You can find and copy the exact values you need for your project below.