What does the color SkyBlue mean?

Light Blue

SkyBlue

#87ceeb

#9fd8ef

#b7e2f3

#cfebf7

#e7f5fb

#86bed6

Meaning

Openness, clarity, and communication. Soft and approachable for modern interfaces.

History

SkyBlue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use SkyBlue (#87ceeb) in CSS as color: skyblue; or as #87ceeb.

Preview

SkyBlue

#87ceeb

Overview

Family: Light Blue

Accessibility on this swatch:

AAA

(12.06:1)

Contrast vs white: 1.74:1 · vs black: 12.06:1

Formats

HEX

#87ceeb

RGB

rgb(135, 206, 235)

RGBA

rgba(135, 206, 235, 1)

HSL

hsl(197, 71%, 73%)

HSV

hsv(197, 43%, 92%)

LAB

lab(79.21% -14.84 -21.28)

LCH

lch(79.21% 25.94 235.11)

OKLAB

oklab(0.8148 -0.0572 -0.0587)

OKLCH

oklch(0.8148 0.082 225.74)

XYZ

xyz(47.05, 55.29, 86.77)

CMYK

cmyk(43%, 12%, 0%, 8%)

CSS

color: #87ceeb;

CSS variable

--color-87ceeb: #87ceeb;

SCSS

$color-87ceeb: #87ceeb;

Tailwind

cyan-200

Export

Developer code

:root {
  --skyblue-1: #87ceeb;
}

Color psychology

Openness, clarity, and communication. Soft and approachable for modern interfaces.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#9fd8ef

#b7e2f3

#cfebf7

#e7f5fb

#86bed6

#84afc0

#839fab

#819095

Similar colors

#79c8e7

#89c8e1

#79cff1

#7ac0dc

#81c8da

#70cae1

#7fd3e6

#8ec2d7

Browse more in the color name library.