Bleu De France
Meet Bleu De France, #318CE7. This vibrant, medium blue captures attention with its bright yet balanced character. It's a color that feels both classic and distinctly modern, offering a clean and confident presence in any digital palette without overwhelming the user interface.
What color is Bleu De France?
Bleu De France is a vibrant, medium-light shade of blue with a distinctively cool temperature.
It's a clear hue that sits between azure and royal blue, with minimal green or violet undertones.
What is the meaning behind the color Bleu De France (#318CE7)?
Steeped in history, Bleu De France (#318CE7) was the official color of the French monarchy, symbolizing nobility, authority, and national pride.
Psychologically, this confident blue inspires trust and serenity, making it a solid choice for designs that need to feel both calm and authoritative.
How can I use Bleu De France (#318CE7) in my UI design?
In UI design, Bleu De France (#318CE7) works well as an accent for interactive elements like buttons and links, especially against neutral backdrops. For a bolder look, pair it with a soft orange; for a professional feel, use it with cool grays and whites. Applying the 60-30-10 rule with this as your 10% accent color creates a clean, balanced design.
While not as widespread as traditional navy, shades similar to Bleu De France are used by modern tech brands like Venmo, Spline, and OpenSea. This suggests the color communicates innovation and trustworthiness, helping a product stand out from competitors who rely on more standard blues.
See how Bleu De France performs in practice with the tools below. You can explore curated palettes, test color contrast for accessibility, and preview it in real UI components from leading applications.
Using Bleu De France color codes
To maintain color consistency in digital designs, always use the specific hex code #318CE7 for Bleu De France. This guarantees that the color appears uniform across different screens and platforms, which is fundamental for brand identity.
The color code you use depends on your final medium. For screens, the HEX code is a direct representation of RGB (Red, Green, Blue) values—the building blocks of digital color. For print materials, you will need the CMYK (Cyan, Magenta, Yellow, Key/Black) equivalent, which dictates ink combinations. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
We have prepared the conversions for #318CE7 into a variety of popular formats. Feel free to copy the exact codes you need for your project from the list below.
Analogous
Creating a serene and cohesive look, analogous colors are found next to Bleu De France on the color wheel, offering a balanced visual experience.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Bleu De France, its complement produces a bold, high-contrast visual relationship.
Split Complementary
A split complementary scheme for Bleu De France uses the two colors adjacent to its direct complement, offering a vibrant yet harmonious palette.
Triadic
A triadic scheme pairs Bleu De France with two other colors equidistant on the color wheel, producing a vibrant palette with strong, balanced contrast.
Tetradic
Tetradic palettes pair Bleu De France with three other colors, creating two complementary pairs for a vibrant and balanced design foundation.
Square
A square color scheme pairs four colors equidistant on the color wheel. Starting with Bleu De France, this method produces a balanced and high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Adding black to Bleu De France creates darker shades, which introduce depth and weight.
Tints
Tints of Bleu De France are made by mixing in white, producing softer, less saturated tones.
Tones
Tones of Bleu De France are created by adding gray, resulting in a softer, more muted appearance.
Hues
Hues are variations of Bleu De France, differing in intensity and temperature to create distinct moods.
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.
