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.

What color is French Blue?

What is the meaning of French Blue?

How do I use French Blue (#0072BB) in UI design?

Using French Blue color codes

French Blue

#0072BB

Access our full UI & UX library today.

What color is French Blue?

What is the meaning of French Blue?

How do I use French Blue (#0072BB) in UI design?

Using French Blue color codes

French Blue Code Conversions

HEX

#0072BB

LAB

46, 1, -46

RGB

0, 114, 187

XYZ

15.0, 15.6, 49.2

HSL

203°, 100%, 37%

LCH

46, 46, 271°

HSB

203°, 100%, 73%

LUV

46, -28, -69

CMYK

100, 39, 0, 27

CMYK

100, 39, 0, 27

HWB

203°, 0%, 27%

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.

#00BBA7

#0072BB

#0014BB

#00BBA7

#0072BB

#0014BB

Complementary

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

#0072BB

#BB4900

#0072BB

#BB4900

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.

#0072BB

#BB0014

#BBA700

#0072BB

#BB0014

#BBA700

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.

#0072BB

#BB0072

#72BB00

#0072BB

#BB0072

#72BB00

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.

#0072BB

#A700BB

#BB4900

#14BB00

#0072BB

#A700BB

#BB4900

#14BB00

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.

#0072BB

#A700BB

#BB4900

#14BB00

#0072BB

#A700BB

#BB4900

#14BB00

French Blue Contrast Simulation

Text Color

#

Background Color

#

5.09

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.09

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

French Blue Color Variations

Shades

Shades of French Blue are made with black, adding a sense of depth and weight.

#0072BB

#0062A0

#005186

#00416B

#003150

#002135

#00101B

#000000

#0072BB

#0062A0

#005186

#00416B

#003150

#002135

#00101B

#000000

Tints

Tints of French Blue are created by adding white, which results in softer, more delicate tones.

#0072BB

#2486C5

#499ACE

#6DAED8

#92C3E2

#B6D7EC

#DBEBF5

#FFFFFF

#0072BB

#2486C5

#499ACE

#6DAED8

#92C3E2

#B6D7EC

#DBEBF5

#FFFFFF

Tones

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

#0072BB

#1274B3

#2576AA

#3778A2

#497A99

#5B7C91

#6E7E88

#808080

#0072BB

#1274B3

#2576AA

#3778A2

#497A99

#5B7C91

#6E7E88

#808080

Hues

Hues are variations of French Blue, differing in temperature and intensity to create specific effects.

#0072BB

#1A00BB

#A700BB

#BB0043

#BB4900

#A1BB00

#14BB00

#00BB78

#0072BB

#1A00BB

#A700BB

#BB0043

#BB4900

#A1BB00

#14BB00

#00BB78

What Interfaces Use Colors Like French Blue?

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