Bright Blue

Meet Bright Blue (#136BEA), a pure and highly saturated hue that commands attention. Its striking intensity comes from a clean composition, free of the gray or green undertones that can muddy other blues, giving it a distinct and vibrant character.

Bright Blue
#136BEA
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Bright Blue?

Bright Blue is a vivid, highly saturated blue with a cool temperature, leaning just slightly toward cyan without any noticeable violet undertones.

Its high chroma gives it an electric quality, making it appear luminous and distinct from muddier or warmer shades of blue.

What is the meaning of the color Bright Blue (#136BEA)?

Bright Blue channels feelings of trust and intelligence, supercharged with a modern energy. It's the color of clear communication and technological progress, often symbolizing innovation and efficiency.

While historically associated with divinity and royalty, today's Bright Blue evokes the clarity of a cloudless sky, inspiring feelings of openness and boundless possibility.

How can I use Bright Blue (#136BEA) in UI design?

Bright Blue (#136BEA) is a powerful accent, perfect for buttons, links, and focus states that need to capture user attention. It creates a sharp, legible contrast against neutral backgrounds like white or dark gray. For a more adventurous palette, consider pairing it with a complementary warm orange for a pop of energy, or apply the 60-30-10 rule, using Bright Blue as your 10% highlight color to guide the user's eye.

This energetic hue is a popular choice in the digital product space. You can see similar shades of blue used by companies like Google Maps, Attio, Airtasker, Habitify, and Canva to signify action and clarity.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview how Bright Blue looks in real UI components from top brands.

How do I use Bright Blue color codes?

Using Bright Blue in your work is straightforward with its hex code, #136BEA. This code is a specific digital identifier that guarantees you're using the exact same shade across different design tools and web platforms, maintaining visual consistency.

While #136BEA is perfect for screens, you might need other formats. Color codes can be translated to suit various media; for instance, RGB values are fundamental for digital displays that mix light, while CMYK values correspond to ink for printing. Other models like HSL offer a more intuitive way to adjust hue, saturation, and lightness.

To help you get started, we've converted Bright Blue's #136BEA hex code into its corresponding values in several popular color models. You can find and copy them right below.

Bright Blue Code Conversions

HEX
#136BEA
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Bright Blue Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Bright Blue, this creates a harmonious and serene palette, blending seamlessly together.

#123456
#123456
#123456

Complementary

Colors opposite Bright Blue on the color wheel are its complements. Placing them together creates a visually striking and energetic combination.

#123456
#123456

Split Complementary

A split complementary scheme for Bright Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#123456
#123456
#123456

Triadic

A triadic color scheme uses three hues equally spaced on the color wheel. Based on Bright Blue, this combination creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Bright Blue with its complement, plus another complementary pair, creating a rich, four-color palette with plenty of contrast.

#123456
#123456
#123456
#123456

Square

A square color scheme features four colors evenly spaced around the color wheel. Starting with Bright Blue, this combination offers strong, balanced contrast.

#123456
#123456
#123456
#123456

Bright Blue Color Variations

Shades

Adding black to Bright Blue creates shades, which give your design more depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Bright Blue, created by adding white for a softer look.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Adding gray to Bright Blue creates tones, resulting in a softer, less saturated color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Bright Blue, differing in intensity or temperature to create distinct effects.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Bright Blue?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion