#318CE7
Blue family

Bleu de France

Also known as: vibrant · clear · soothing · patriotic · bold
Save
Hex #318CE7
RGB rgb(49, 140, 231)
HSL hsl(210°, 79%, 55%)
CMYK 79 · 39 · 0 · 9

Meaning

In France, Bleu de France symbolizes loyalty and patriotism, deeply embedded in the national identity. While it conveys a sense of unity in Western cultures, in Eastern contexts it can also represent tranquility and peace.

The term 'Bleu de France' was first officially used in the 19th century, specifically in 1848, to define the blue of the French flag. This color has also been associated with the French royal lineage, reinforcing its significance in national pride.

vibrantclearsoothingpatrioticbold

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Bleu de France. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Bleu de France by lightness — from #194978 (darkest) to #94C3F3 (lightest). Click any to copy.

-40% #194978
-30% #1F5A94
-20% #256AB0
-10% #2B7BCB
BASE #318CE7
+15% #4A9AEA
+30% #62A8ED
+50% #7BB5F0
+70% #94C3F3

Complementary

Sitting opposite Bleu de France at 30° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Bleu de France.

#318CE7
#FFD700
#F5F5F5
#FF4500
#6A5ACD

Skyward Dreams

Inspiring Adventure
#318CE7
#2C3E50
#BDC3C7
#27AE60
#E74C3C

Coastal Serenity

Calm Refreshing
#318CE7
#800080
#FFFFFF
#FFA500
#FFDAB9

Royal Celebration

Majestic Festivity

Used by

Brands and institutions known for using Bleu de France.

French National Football TeamParis 2024 Olympic Games

Bleu de France scale

A 50–900 tonal scale with Bleu de France anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #EFF6FD
100 #DAEAFB
200 #B1D3F6
300 #88BCF1
400 #5CA4EC
500 #318CE7
600 #2873BD
700 #205C98
800 #194674
900 #11304F

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 6.04:1
Bleu de France as text on… Ratio AA AAA
Aa White background 3.48:1 Large only Fail
Aa Black background 6.04:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #318CE7

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #318CE7;
CSS color-mix (lighten 30%) color-mix(in srgb, #318CE7 70%, white)
HSV / HSB 210°, 79%, 91%
CMYK (print) 79, 39, 0, 9
Decimal 3247335
Nearest web-safe #3399FF

Color vision

How Bleu de France appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#318CE7

Protanopia (no red)

#5859D1

Deuteranopia (no green)

#534CCC

Tritanopia (no blue)

#36C0BC
French Blue
24 / 45 Blues Teal
Copied!