# Light Blue Color (#ADD8E6)

> Light Blue is a CSS named color defined as hex code #ADD8E6.

- **URL**: https://swatchatlas.com/colors/light-blue/
- **Language**: English (en)
- **CSS Name**: `lightblue`
- **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**: #ADD8E6
- **RGB**: rgb(173, 216, 230)
- **HSL**: hsl(195, 53%, 79%)
- **HSV/HSB**: hsv(195, 25%, 90%)
- **CMYK**: cmyk(25%, 6%, 0%, 10%) (digital approximation, non-print)
- **OKLCH**: oklch(0.856 0.049 219.7)

## What Colors Go With Light Blue
Contrast is each color on Light Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 10.48:1, text-safe. Readable text on light blue.
- **Midnight Blue (#191970)**: 9.72:1, text-safe. A softer dark blue for headings.
- **Dark Slate Gray (#2F4F4F)**: 5.84:1, text-safe. A dark neutral for body text.
- **White (#FFFFFF)**: 1.53:1, background or accent. Clean backgrounds and cards around light blue.
- **Pink (#FFC0CB)**: 1.01:1, background or accent. The classic soft pairing for baby and pastel palettes.
- **Wheat (#F5DEB3)**: 1.16:1, background or accent. A warm beige for gentle, natural palettes.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Light Blue**: 13.74:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Light Blue**: 1.53:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Light Blue**: 10.09:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Light Blue**: 3.76:1 (Passes AA for large text only)

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

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

### What colors go with Light Blue?
Navy, Midnight Blue, Dark Slate Gray, White, Pink and Wheat all go well with Light Blue. Navy (10.48:1), Midnight Blue (9.72:1) and Dark Slate Gray (5.84:1) have enough contrast for text on Light Blue; White, Pink and Wheat work better as a background or accent.

### Is light blue the same as baby blue?
Baby blue is not a CSS named color and has no standard hex code. Light Blue (#ADD8E6) and Powder Blue (#B0E0E6) are the nearest CSS colors.

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