#0072BB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
French Blue is a high-saturation, cool-toned shade that demands attention without overwhelming the viewer. Because it sits on the brighter side, this color works best as a primary branding element or a strong UI accent rather than a background. Use it alongside crisp white text for excellent readability. The hex code for French Blue is #0072bb.
About French Blue
Harbor water on an overcast afternoon
What does french blue mean?
Blues this deep and clear commonly signal trust and reliability, so businesses often use them in logos, uniforms, and signage. The strong saturation keeps it confident and awake, while its medium depth stops it from shouting; it reads steady and self-assured.
Where you see french blue
- sailboat hulls
- pool tiles
- enamel cookware
- work coveralls
- nautical flags
- mailbox posts
What it works for
It works well in maritime branding, outdoor gear, charts and diagrams, and any design that needs a clear, sturdy blue.
What colors go with french blue?
Coral #ff7f50Coral's warm red-orange sits across the wheel, so both colors read brighter together.Cream #fffdd0Cream softens the blue's depth and gives designs room to breathe.Terracotta #e2725bTerracotta's earthy warmth grounds the cool blue and adds a handmade feel.Goldenrod #fdcb18Goldenrod carries enough weight to hold its own against a blue this strong.
Questions about French Blue
What is the hex code for French Blue?
French Blue is #0072bb. In RGB that is rgb(0, 114, 187), in HSL hsl(203, 100%, 37%) and in CMYK 100%, 39%, 0%, 27%.
How should I use French Blue #0072bb in user interface design?
Use #0072bb as a strong accent color rather than a background to maintain high readability. It functions best when paired with crisp white text or light grays, effectively drawing the user's eye to call-to-action buttons or primary navigation elements.
Is French Blue readable on white or black?
French Blue has a 5.09:1 contrast ratio on white and 4.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.