Color meaning

Sky Blue

Introducing Sky Blue (#6EC1E4), a light, airy shade. Its softness gives storefronts a calm, approachable feel, while its brightness makes it a friendly choice for section backgrounds, badges, and illustrations that should feel open rather than urgent.

#6EC1E4HSL 198, 69%, 66%

Sky Blue code conversions

HEX
#6EC1E4
RGB
rgb(110, 193, 228)
HSL
hsl(198, 69%, 66%)
HSB
hsb(198, 52%, 89%)
CMYK
cmyk(52%, 15%, 0%, 11%)

Sky Blue color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Sky Blue contrast

Your catchy large text

Small body copy sitting on Sky Blue.

2.02:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Sky Blue.

9.36:1Black textAA passAAA pass

Sky Blue color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Sky Blue

Matched by color distance against real palettes extracted from live storefronts.

Reebok
#8ac5cc
Vineyard Vines
#b4cce0
Faherty
#a2adb3
Rothy's
#b9b7b3

Related blue colors

True BlueNavyTeal

Sky Blue: frequently asked

What color is Sky Blue?

Sky Blue (#6EC1E4) is a light, moderately saturated cyan-blue. In e-commerce interfaces it reads as fresh and gentle, sitting between a vivid teal and a pale, near-white blue.

What is the meaning of Sky Blue?

Sky Blue signals calm, openness, and easygoing friendliness. Brands reach for it when they want customers to feel relaxed while browsing, especially in wellness, travel, and lifestyle categories.

How do I use Sky Blue (#6EC1E4) in e-commerce design?

Use Sky Blue for section backgrounds, informational badges, and highlights, and pair it with a darker navy or charcoal so text stays legible. Reserve it for supporting accents rather than primary CTAs, where its low contrast can weaken the call to action.

Using Sky Blue color codes

Copy Sky Blue in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP