Blueberry
Meet Blueberry, #3366CC. This confident blue commands attention with its pure, saturated quality. It’s a versatile shade that feels both classic and distinctly digital, making it a compelling choice for modern interface design and a standout in any palette.
What color is Blueberry?
Blueberry is a vibrant, saturated blue with significant depth. It sits comfortably between a classic royal blue and a more modern, digital blue, presenting a strong and confident character.
It carries cool undertones, leaning slightly toward purple without losing its primary blue identity. This gives it a balanced temperature, making it feel crisp and clear rather than icy or cold.
What is the meaning of the color Blueberry (#3366CC)?
The color Blueberry, #3366CC, evokes feelings of trust and dependability, suggesting stability and calm.
It symbolically represents intelligence and authority, carrying a sense of established order and security.
How can I use Blueberry in my UI design?
Blueberry (#3366CC) works well as both a primary and an accent color. For a professional feel, pair it with crisp whites and light grays. To create a more dynamic interface, consider a complementary orange or a split-complementary pairing with yellow and red-orange, applying the 60-30-10 rule to maintain balance.
This confident blue is a familiar sight in the digital space, chosen by brands like 1Password, Apple, Betterment, Canva, and ESPN. Its prevalence in tech and finance suggests it is effective for building a sense of reliability and intelligence.
Use the tools below to explore curated palettes, test the accessibility of your color combinations, and preview how Blueberry looks in the UI components of well-known applications.
Using Blueberry color codes
Using the Blueberry color code, #3366CC, is straightforward. The key is consistency; applying this exact HEX value across all your digital assets ensures your brand's visual identity remains uniform and recognizable.
While #3366CC is the go-to for web development, you'll need other formats for different applications. For instance, the RGB value is essential for digital displays, defining the color through red, green, and blue light. For print materials, the CMYK code is critical, as it specifies the ink mixture of cyan, magenta, yellow, and black. Other models like HSL, LAB, LCH, and XYZ offer different ways to define the same color for various technical or creative purposes.
To make things easier, we've converted the Blueberry HEX code #3366CC into a range of popular formats. You can find and copy the exact values you need for your project below.
Analogous
Analogous color schemes use colors next to each other on the color wheel. When built around Blueberry, they create a harmonious and serene visual effect.
Complementary
Complementary colors are found on opposite sides of the color wheel. When used with Blueberry, its complement creates a high-contrast, vibrant pairing.
Split Complementary
A split complementary scheme for Blueberry takes the two colors adjacent to its direct complement, offering a vibrant, balanced palette with less tension.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Blueberry as a base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme pairs Blueberry with three other hues. These four colors form two complementary pairs, creating a rectangle on the color wheel.
Square
A square color scheme pairs four colors equidistant on the color wheel. With Blueberry as a starting point, this combination offers a balanced yet lively palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Blueberry, made by adding black to create depth and weight.
Tints
Tints are lighter variations of Blueberry, created by adding white to produce a softer feel.
Tones
Tones are muted versions of Blueberry, created by adding gray to soften its saturation.
Hues
Hues are variations of Blueberry, sharing its base color but with different intensity or temperature.
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.
































































































































