French Blue
#0072bb
Deeper French Blue for precise, grounded links
About French Blue
French Blue hits different from its darker neighbors, it's got the saturation to land decisively on screen, but it stops short of the weight that makes Brilliant Blue or Cloisonné feel like they're taking up all the oxygen. You get a blue that reads as authoritative without being cold, the kind that works in tight layouts without demanding perfect contrast to stay legible.
This is the one for fintech dashboards, SaaS product interfaces, and healthcare software where you need blue to hold its own against white and gray without shifting mood. It pairs clean with type, sits comfortably as a primary action button, and won't fade the way lighter options do. Lighter than Brilliant Blue but richer than Campanula's brightness, it occupies the space where presence and restraint actually coexist.
Watch it against mid-tone backgrounds, it stays visible without strain. Warmer than Cloisonné but still decisively blue, it's the color that works harder than it looks.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.