graf1x

Pale Sky Blue Color

Pale Sky Blue is a cyan color with hex code #BDF6FE. This page covers its meaning, all color values, harmonies, colors that go with pale sky blue, shades, tints, similar colors, CSS examples, FAQs, and WCAG contrast ratios.

Pale Sky Blue Color Values

HEX
#BDF6FE
RGB
189, 246, 254
HSL
187, 97%, 87%
HSV
187, 26%, 100%
CIE LAB
93.4, -16.1, -9.7
OKLCH
0.937, 0.058, 206.9
ISCC-NBS
Blue
Hue Family
Cyan

What Does Pale Sky Blue Mean?

Pale Sky Blue belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Pale Sky Blue reads as airy and understated, comfortable working in backgrounds and across big surfaces.

In the ISCC-NBS color naming system, Pale Sky Blue is classified as a blue (nearest centroid: very light greenish blue, #9CD1DC). It is also known as Pale Sky.

Color Harmonies

Complementary

#BDF6FEPale Sky Blue
#FEC5BEComplement

Analogous

#BEFEE5Analogous 1
#BDF6FEPale Sky Blue
#BED6FEAnalogous 2

Triadic

#BDF6FEPale Sky Blue
#FEBEF7Triad 1
#F7FEBETriad 2

Colors That Go With Pale Sky Blue

#BDF6FEPale Sky Blue
#FEC5BEComplement

Pale Sky Blue and #FEC5BE are complements, parked opposite each other on the wheel. Together they hit maximum contrast, so a rough 70/30 split keeps the pairing from shouting.

#BEFEE5Analogous 1
#BDF6FEPale Sky Blue
#BED6FEAnalogous 2

Analogous neighbors — #BEFEE5 and #BED6FE, which sit beside pale sky blue on the wheel. Pairings like this feel calm and settled, which suits backgrounds and gradients.

#BDF6FEPale Sky Blue
#FEBEF7Triad 1
#F7FEBETriad 2

For an energetic three-color palette, pair pale sky blue with triadic partners #FEBEF7 and #F7FEBE. All three sit evenly spaced around the wheel, so the scheme stays lively without clashing.

Build and test these combinations in our Color Wheel Tool or check text readability with the Contrast Checker.

Tints and Shades

Tints (lighter)

#C8F8FE
#D2F9FE
#E1FBFF
#EBFCFF
#F5FEFF

Shades (darker)

#77EDFD
#2CE4FC
#03C4DD
#028192
#01434B

Similar Colors

CSS Examples

.text { color: #BDF6FE; }
.background { background-color: #BDF6FE; }
.border { border: 2px solid #BDF6FE; }
.shadow { box-shadow: 0 4px 6px #BDF6FE40; }

WCAG Contrast

1.18:1
vs White AA ✗
17.78:1
vs Black AA ✓

Frequently Asked Questions

What is the hex code for pale sky blue?

Pale Sky Blue has the hex code #BDF6FE. In RGB notation it is rgb(189, 246, 254), in HSL it is hsl(187, 97%, 87%), and its OKLCH value is 0.937, 0.058, 206.9.

What does the color pale sky blue mean?

Cyan-family colors like pale sky blue carry distinct psychological associations. Pale Sky Blue belongs to the cyan family of colors. The cyan family covers turquoise, teal, and aqua: blue calmed down with a little green mixed in. Travel sites, spas, and healthcare brands camp here because these hues read as fresh and clean without turning clinical. As a lighter shade, Pale Sky Blue reads as airy and understated, comfortable working in backgrounds and across big surfaces.

What colors go with pale sky blue?

Pale Sky Blue has three easy routes: its complement #FEC5BE for punch, its neighbors #BEFEE5 and #BED6FE for something calmer, or triadic partners #FEBEF7 and #F7FEBE when you want energy.

Is pale sky blue a standard web color?

No — Pale Sky Blue is not a CSS keyword. Use its hex value #BDF6FE or any RGB/HSL equivalent in your stylesheets.

How do I make pale sky blue lighter or darker?

To lighten pale sky blue, add white to create tints; to darken it, add black to create shades. The tints and shades table above shows five computed steps of each, from #F5FEFF (lightest tint) to #01434B (darkest shade).

About Pale Sky Blue

Pale Sky Blue is classified as a Blue in the ISCC-NBS color naming system, within the Cyan hue family. It has alternative names including Pale Sky. The color is recognized by XKCD, meodai.

Use our Color Converter to convert #BDF6FE to any other color format, or explore the Color Wheel to find harmonious color combinations.