French blue color

A vivid medium blue tied to the French flag and national teams. It's clean and cheerful. It's common in dress shirts, sportswear and Mediterranean decor.

French blue · #0072BB

About French blue

French blue (#0072BB) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 114 green and 187 blue (out of 255). It is mostly used in fashion, sports, home decor.

French blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

French blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Mahogany

AnalogousClose to: Light sea green, Dark blue

TriadicClose to: Barbie pink, Kelly green

Split complementaryClose to: Fire engine red, Old gold

TetradicClose to: Deep purple, Mahogany, Kelly green

French blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · French blue

Analogous palette · French blue

Complementary palette · French blue

Triadic palette · French blue

With neutrals palette · French blue

With an accent palette · French blue

French blue contrast with text

White textContrast 5.1:1 · AA

Black textContrast 4.1:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --french-blue: #0072BB;
  --french-blue-rgb: 0, 114, 187;
}
.bg { background-color: var(--french-blue); }
.text { color: var(--french-blue); }

Colors similar to French blue

Ocean blue Steel blue Denim blue Cornflower blue Cerulean Carolina blue Bright blue Dodger blue Sapphire blue Ultra violet

Themed palettes with this color

Frequently asked questions

What is the hex code for French blue?

The hex code for French blue is #0072BB. In RGB it is rgb(0, 114, 187), in HSL hsl(203, 100%, 37%) and in CMYK 100, 39, 0, 27.

What is the complementary color of French blue?

Its complement on the color wheel is #BB4900, close to mahogany. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on French blue?

Yes. The contrast with white is 5.1:1, enough for body text (WCAG AA).