French Blue

French Blue (#0072BB) is a color of remarkable clarity and presence. Its pure, saturated tone commands attention without being overwhelming, offering a confident and stable hue for any design palette. This is a blue that feels both classic and current.

French Blue
#0072BB
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is French Blue?

French Blue is a brilliant, saturated blue with a medium-dark value, giving it a distinct and confident presence.

The color carries cool undertones with a subtle cyan influence, lending the hue a crisp quality without being overly cold.

What is the meaning of the color French Blue (#0072BB)?

French Blue (#0072BB) often communicates trust, stability, and sophistication. It's a color that suggests authority and intelligence, making it a reliable choice for brands wanting to project confidence and dependability.

Historically, this shade is tied to French national identity, evoking a sense of tradition and heritage. It carries a certain weight and seriousness without feeling somber.

How can I effectively use French Blue in my UI design?

To make French Blue work in your design, consider its role. As a primary color, it creates a stable and trustworthy foundation, especially when paired with clean whites and cool grays. For a more energetic composition, use it as an accent against warmer tones like ochre or coral. This creates a strong visual hierarchy and guides the user's eye to key actions or information.

Many established brands lean on shades similar to French Blue to project reliability and professionalism. You can see it in products from LinkedIn, PayPal, Trello, Booking.com, and Philips Hue, as well as in financial services from Marcus by Goldman Sachs. Its presence in these applications shows its effectiveness in building user confidence.

Get a feel for #0072BB in practice. Use the tools below to browse curated palettes, check your color combinations for accessibility, and see how French Blue looks within the UI components of leading apps.

Using French Blue color codes

To apply French Blue in your work, start with its hex code, #0072BB. This six-digit value is the standard for defining color on the web, ensuring digital consistency across browsers and devices.

While hex is common, different design contexts call for different color models. RGB (Red, Green, Blue) values are used for digital screens, which create color by mixing light. For print, you’ll need CMYK (Cyan, Magenta, Yellow, Key/Black) values, which correspond to ink mixtures. Other models like HSL, LAB, and LCH provide alternative ways to represent the color based on attributes like hue, saturation, and luminance.

We've converted #0072BB to a range of popular formats below. Simply find the color model you need and copy the corresponding code for your project.

French Blue Code Conversions

HEX
#0072BB
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

French Blue Color Harmonies

Analogous

Sitting beside French Blue on the color wheel, analogous colors produce a cohesive and tranquil effect, resulting in a naturally balanced design scheme.

#123456
#123456
#123456

Complementary

Colors on the opposite side of the color wheel are complementary. Paired with French Blue, these hues create maximum visual pop and intensity.

#123456
#123456

Split Complementary

A split complementary scheme for French Blue uses the two colors adjacent to its direct opposite, creating a vibrant, yet balanced, high-contrast palette.

#123456
#123456
#123456

Triadic

Triadic color schemes pair three hues equally spaced on the color wheel. With French Blue, this method creates a vibrant and balanced high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for French Blue uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette with French Blue as its foundation.

#123456
#123456
#123456
#123456

French Blue Color Variations

Shades

Shades of French Blue are made with black, adding a sense of 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 of French Blue are created by adding white, which results in softer, more delicate tones.

#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

Tones are subtler versions of French Blue, created by adding gray for a desaturated effect.

#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 French Blue, differing in temperature and intensity to create specific 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 French 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