French Sky Blue (#77b5fe) Color Meaning, Codes and Information

A complete guide to French Sky Blue (#77b5fe) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.

French Sky Blue (#77b5fe) Color Information

French Sky Blue (#77b5fe) RGB value is (119, 181, 254). The hex color red value is 119, green is 181, and blue is 254. Its HSL format shows a hue of 212°, saturation of 99%, and lightness of 73%, while the CMYK process values are 53%, 29%, 0%, and 0%.

Colors that pair well with French Sky Blue (#77b5fe) include Electric Blue (#7DF9FF), Dark Imperial Blue (#6E6EF9), and Salmon (#FA8072), as they maintain visual balance and harmony, whereas Hot Pink (#FF69B4), Inchworm (#B2EC5D), and Mellow Apricot (#F8B878) tend to conflict with this color due to strong contrast or opposing tonal characteristics.

Clear image showing French Sky Blue color swatch with hex value #77B5FE and RGB value (119,181,254)
Share

French Sky Blue (#77b5fe) Color Meaning

French Sky Blue (#77B5FE) is a soft, calming blue with clear, airy undertones. It belongs to the light blue spectrum, symbolizing tranquility, clarity, and openness. Its brightness evokes a sense of freedom, making it ideal for interiors, fashion, and design that aims to inspire calm focus. In psychology, French Sky Blue (#77B5FE) encourages serenity, mental clarity, and emotional balance. The hue supports reflection and creativity while promoting calmness. It fosters peaceful environments and can enhance concentration, making it a versatile choice for both workspaces and relaxing areas. French Sky Blue (#77B5FE) also carries symbolic and spiritual meaning. Blue is linked to communication, trust, and wisdom. The soft tone of French Sky Blue (#77B5FE) mirrors clear skies, evoking openness, hope, and expansive thinking. In design, it is used to create airy, inviting spaces with a sense of optimism and clarity.

Color Conversion

Accurate conversions of French Sky Blue (#77b5fe) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.

HEX
#77b5fe
RGB
rgb(119, 181, 254)
HSL
hsl(212°, 99%, 73%)
CMYK
cmyk(53%, 29%, 0%, 0%)
HSV
hsv(212°, 53%, 100%)
XYZ
42.0210 44.1254 100.0682
Yxy
44.1254 0.2257 0.2370
Hunter Lab
66.4270 0.0501 -10.1860
CIE-Lab
72.3123 0.2452 -42.1878

RGB Values & CMYK Values

Detailed RGB and CMYK values of French Sky Blue (#77b5fe) displayed in a horizontal bar provide clear reference for digital and print color accuracy.

RGB Channels

Red119 / 255 (47%)
47%
Green181 / 255 (71%)
71%
Blue254 / 255 (100%)
100%

CMYK Ink Density

Cyan53 / 100 (53%)
53%
Magenta29 / 100 (29%)
29%
Yellow0 / 100 (0%)
Key (Black)0 / 100 (0%)

Color Variations

A full range of French Sky Blue (#77b5fe) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.

Color Harmonies

Harmonious color schemes for French Sky Blue (#77b5fe) created using the color wheel ensure visually balanced palettes.

Analogous

Colors adjacent on the color wheel (30° apart)

Complementary

Colors opposite on the color wheel (180° apart)

Split Complementary

Three colors using one base hue and the two hues beside its opposite

Triadic

Three colors evenly spaced (120° apart)

Tetradic

Four colors forming a rectangle on the wheel

Square

Four colors evenly spaced (90° apart)

Double Split Complementary

Four colors formed from two base hues and the colors next to their opposites

Monochromatic

Variations of a single hue

Contrast Checker (WCAG)

Luminance contrast ratios for French Sky Blue (#77b5fe) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.

#FFFFFF
#77b5fe

Sample Text

This is how your text will look with these colors.

Large Text (18pt+)

2.14:1
WCAG AA
WCAG AAA

Normal Text

2.14:1
WCAG AA
WCAG AAA

UI Components

2.14:1
WCAG AA
WCAG AAA

Color Blindness Simulator

Simulated views of French Sky Blue (#77b5fe) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.

Normal Vision

French Sky Blue (#77b5fe)

protanopia

#9292ec

Note: These simulations are approximations. Actual color vision deficiency varies by individual.

CSS Examples

Background Color

background-color: #77b5fe;

Text Color

color: #77b5fe;

Sample Text

Border Color

border: 2px solid #77b5fe;

Box Shadow

box-shadow: 0 4px 6px #77b5fe40;

Text Shadow

text-shadow: 2px 2px 4px #77b5fe;

Sample Text

Gradient

background: linear-gradient(135deg, #77b5fe 0%, #0164d6 100%);

Seamless Patterns

High-resolution seamless patterns featuring French Sky Blue (#77b5fe) provide ready-to-use backgrounds, wallpapers, and print designs for any project.

Diagonal Stripes
Polka Dots
Chevron
Diamond Grid
Hexagon
Waves
Crosshatch
Zigzag
Brick Wall
Triangles
Circles Grid
Herringbone

Icons

A collection of popular icons in French Sky Blue (#77b5fe) offers ready-to-use visuals for interfaces, designs, and creative projects.

Real-World Applications

Real-world mockups of French Sky Blue (#77b5fe) showcase its versatility across fashion, interiors, branding, and product packaging.

Fashion
Colored T-Shirt
Fashion
Baseball Cap
Interior
Living Room
Exterior
Office Complex
BRAND
Brands
Aluminum Can
Vehicle
Glossy Sportscar
Brands
Shopping Bag
Interior
Matte Wall
Brands
Flagship Phone

Useful Color Tools

A curated set of tools to help apply, analyze, and manage colors effectively in your projects

French Sky Blue (#77b5fe) Color FAQs

Frequently asked questions about French Sky Blue (#77b5fe) color meaning, symbolism, and applications. Click on any question to expand detailed answers.