# Sky Blue Color (#87CEEB)

> Sky Blue is a CSS named color defined as hex code #87CEEB.

- **URL**: https://swatchatlas.com/colors/sky-blue/
- **Language**: English (en)
- **CSS Name**: `skyblue`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #87CEEB
- **RGB**: rgb(135, 206, 235)
- **HSL**: hsl(197, 71%, 73%)
- **HSV/HSB**: hsv(197, 43%, 92%)
- **CMYK**: cmyk(43%, 12%, 0%, 8%) (digital approximation, non-print)
- **OKLCH**: oklch(0.815 0.082 225.8)

## What Colors Go With Sky Blue
Contrast is each color on Sky Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 9.19:1, text-safe. Readable text on sky blue with a classic, fresh contrast.
- **Midnight Blue (#191970)**: 8.53:1, text-safe. A softer dark blue for headings and text.
- **Dark Slate Gray (#2F4F4F)**: 5.13:1, text-safe. A dark neutral for body text.
- **White (#FFFFFF)**: 1.74:1, background or accent. Clean backgrounds and cards around sky blue.
- **Wheat (#F5DEB3)**: 1.33:1, background or accent. A warm sandy beige for beach and summer palettes.
- **Coral (#FF7F50)**: 1.43:1, background or accent. A warm accent that pops against sky blue.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Sky Blue**: 12.06:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Sky Blue**: 1.74:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Sky Blue**: 8.86:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Sky Blue**: 3.3:1 (Passes AA for large text only)

## FAQ
### Can I use black text on Sky Blue?
Yes. Black text on Sky Blue has a WCAG 2.2 contrast ratio of 12.06:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Sky Blue?
No. White text on Sky Blue has a WCAG 2.2 contrast ratio of only 1.74:1, below the 3:1 minimum even for large text.

### What colors go with Sky Blue?
Navy, Midnight Blue, Dark Slate Gray, White, Wheat and Coral all go well with Sky Blue. Navy (9.19:1), Midnight Blue (8.53:1) and Dark Slate Gray (5.13:1) have enough contrast for text on Sky Blue; White, Wheat and Coral work better as a background or accent.

### What is the difference between sky blue and light blue?
Sky Blue (#87CEEB) is more saturated (71% against 53%) and slightly darker than Light Blue (#ADD8E6), so it looks more vivid.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/sky-blue-1920x1080.png