Blue color

Sky Blue #87CEEB

#87CEEB · rgb(135, 206, 235)

Sky Blue is the color #87CEEB. In RGB it is rgb(135, 206, 235) — 53% red, 81% green and 92% blue. Its CMYK breakdown is 43% cyan, 12% magenta, 0% yellow and 8% black, and in HSL it sits at 197° hue, 71% saturation and 73% lightness. Sky Blue is one of the 140 standard CSS / HTML color names, so color: sky-blue works in CSS. The closest web-safe color is #99CCFF.

Open in color picker Convert Make a palette Check contrast

Sky Blue color codes

Hex#87CEEB
RGBrgb(135, 206, 235)
RGB %53%, 81%, 92%
HSLhsl(197, 71%, 73%)
HSV / HSBhsv(197, 43%, 92%)
CMYKcmyk(43%, 12%, 0%, 8%)
OKLCHoklch(81% 0.082 226)
Closest web-safe#99CCFF

Sky Blue color meaning

Sky Blue is a bold and energetic blue — a cool color at 73% lightness and 71% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is bold and energetic, sky blue works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (1.7:1), so use it for fills and backgrounds and put black text on top (12.1:1).

What colors go with Sky Blue?

Sky Blue pairs well with Light Salmon, Seafoam, Cornflower Blue and Charcoal: Light Salmon sits close to its opposite on the color wheel for strong contrast, Seafoam and Cornflower Blue are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

ComplementaryLight Salmon#FFA07AAnalogousSeafoam#93E9BEAnalogousCornflower Blue#6495EDNeutral partnerCharcoal#36454F

Build a full scheme around sky blue in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Sky Blue at a glance

Color familyBlue · cool, bold and energetic
CSS color nameYes — skyblue works in CSS
As text on white1.74:1 — not readable as text
Best text on itBlack (12.06:1)
For print (CMYK)43% cyan, 12% magenta, 0% yellow, 8% black
Full screenOpen the sky blue screen — fill your display or download it in 4K

Contrast

Contrast ratio of Sky Blue against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.74:1 Black text — 12.06:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Sky Blue

Baby Blue#89CFF0Light Sky Blue#87CEFALight Steel Blue#B0C4DEPowder Blue Soft#B6D0E2Light Blue#ADD8E6Medium Turquoise#48D1CC

Sky Blue color FAQ

What is the hex code for Sky Blue?

Sky Blue is #87CEEB, which is rgb(135, 206, 235) and hsl(197, 71%, 73%). For print it is roughly C43 M12 Y0 K8.

What colors go with Sky Blue?

Sky Blue pairs well with Light Salmon, Seafoam, Cornflower Blue, Charcoal. Light Salmon gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Sky Blue a warm or cool color?

Sky Blue is a cool color: its hue is 197°, on the green, blue and violet side of the color wheel.

What text color looks best on Sky Blue?

Black text, with a contrast ratio of 12.1:1, which meets WCAG AA for normal text.