#77B5FE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
French Sky Blue is a bright, clear cyan with significant luminosity. Because of its high saturation, the hex code #77b5fe works best as a primary interface accent or a vibrant UI background rather than a neutral. It pairs surprisingly well with muted charcoal or deep terracotta if you are interested in what colors make gray and need a sophisticated, non-traditional balance.
About French Sky Blue
Sunlight through a cold glass of fizzy water
What does french sky blue mean?
Pastel blue often brings to mind clear skies, fresh water, and clean, airy spaces. Its high lightness and moderate saturation make it feel bright and crisp rather than deep or heavy.
Where you see french sky blue
- swimming pool water
- frosted glass
- morning frost
- blue raspberry slushies
- porcelain tiles
- baby blankets
What it works for
It works well for spring packaging, kids' products, and interfaces that need a friendly, cool accent.
What colors go with french sky blue?
Coral #ff7f50Coral supplies the warmth that this light blue lacks.Navy #000080Deep navy grounds the pastel and anchors the whole palette.Blush #de5d83A soft pink sits beside it without fighting for attention.Mint #98ff98Mint shares its freshness for a clean, cool scheme.Charcoal #36454fCharcoal text keeps all this sparkle from reading as sweet.
Questions about French Sky Blue
What is the hex code for French Sky Blue?
French Sky Blue is #77b5fe. In RGB that is rgb(119, 181, 254), in HSL hsl(212, 99%, 73%) and in CMYK 53%, 29%, 0%, 0%.
How should I use #77b5fe in interface design?
Use #77b5fe as a primary interactive accent, such as for call-to-action buttons or highlighted navigation elements, rather than as a large background fill. Its high saturation works best when contrasted against deep charcoal or very dark neutrals to maintain strong readability.
Is French Sky Blue readable on white or black?
French Sky Blue has a 2.13:1 contrast ratio on white and 9.82:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.