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?

What is the meaning of Blueberry?

How do I use Blueberry (#3366CC) in UI design?

Using Blueberry color codes

Blueberry

#3366CC

Access our full UI & UX library today.

What color is Blueberry?

What is the meaning of Blueberry?

How do I use Blueberry (#3366CC) in UI design?

Using Blueberry color codes

Blueberry Code Conversions

HEX

#3366CC

LAB

45, 19, -58

RGB

51, 102, 204

XYZ

17.0, 14.6, 59.0

HSL

220°, 60%, 50%

LCH

45, 61, 288°

HSB

220°, 75%, 80%

LUV

45, -19, -88

CMYK

75, 50, 0, 20

CMYK

75, 50, 0, 20

HWB

220°, 20%, 20%

Blueberry Color Harmonies

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.

#33B3CC

#3366CC

#4D33CC

#33B3CC

#3366CC

#4D33CC

Complementary

Complementary colors are found on opposite sides of the color wheel. When used with Blueberry, its complement creates a high-contrast, vibrant pairing.

#3366CC

#CC9933

#3366CC

#CC9933

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.

#3366CC

#CC4D33

#B3CC33

#3366CC

#CC4D33

#B3CC33

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.

#3366CC

#CC3366

#66CC33

#3366CC

#CC3366

#66CC33

Tetradic

A tetradic scheme pairs Blueberry with three other hues. These four colors form two complementary pairs, creating a rectangle on the color wheel.

#3366CC

#CC33B2

#CC9933

#33CC4C

#3366CC

#CC33B2

#CC9933

#33CC4C

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.

#3366CC

#CC33B2

#CC9933

#33CC4C

#3366CC

#CC33B2

#CC9933

#33CC4C

Blueberry Contrast Simulation

Text Color

#

Background Color

#

5.37

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.37

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Blueberry Color Variations

Shades

Shades are darker versions of Blueberry, made by adding black to create depth and weight.

#3366CC

#2C57AF

#244992

#1D3A75

#162C57

#0F1D3A

#070F1D

#000000

#3366CC

#2C57AF

#244992

#1D3A75

#162C57

#0F1D3A

#070F1D

#000000

Tints

Tints are lighter variations of Blueberry, created by adding white to produce a softer feel.

#3366CC

#507CD3

#6D92DB

#8AA8E2

#A8BDE9

#C5D3F0

#E2E9F8

#FFFFFF

#3366CC

#507CD3

#6D92DB

#8AA8E2

#A8BDE9

#C5D3F0

#E2E9F8

#FFFFFF

Tones

Tones are muted versions of Blueberry, created by adding gray to soften its saturation.

#3366CC

#3E6AC1

#496DB6

#5471AB

#5F75A1

#6A7996

#757C8B

#808080

#3366CC

#3E6AC1

#496DB6

#5471AB

#5F75A1

#6A7996

#757C8B

#808080

Hues

Hues are variations of Blueberry, sharing its base color but with different intensity or temperature.

#3366CC

#7333CC

#CC33B2

#CC3340

#CC9933

#8CCC33

#33CC4C

#33CCBF

#3366CC

#7333CC

#CC33B2

#CC3340

#CC9933

#8CCC33

#33CC4C

#33CCBF

What Interfaces Use Colors Like Blueberry?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox