# Slate Gray Color (#708090)

> Slate Gray is a CSS named color defined as hex code #708090.

- **URL**: https://swatchatlas.com/colors/slate-gray/
- **Language**: English (en)
- **CSS Name**: `slategray`
- **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**: #708090
- **RGB**: rgb(112, 128, 144)
- **HSL**: hsl(210, 13%, 50%)
- **HSV/HSB**: hsv(210, 22%, 56%)
- **CMYK**: cmyk(22%, 11%, 0%, 44%) (digital approximation, non-print)
- **OKLCH**: oklch(0.593 0.031 248.3)

## What Colors Go With Slate Gray
Contrast is each color on Slate Gray (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 4.05:1, background or accent. Clean text and icons for large or bold labels.
- **Black (#000000)**: 5.18:1, text-safe. Strong, readable text on slate gray.
- **Ivory (#FFFFF0)**: 4.02:1, background or accent. A warm off-white for backgrounds around slate gray.
- **White Smoke (#F5F5F5)**: 3.72:1, background or accent. A soft off-white for backgrounds and cards.
- **Gold (#FFD700)**: 2.89:1, background or accent. A warm accent that lifts a cool palette.
- **Light Sky Blue (#87CEFA)**: 2.36:1, background or accent. A tonal light blue for links and highlights.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Slate Gray**: 5.18:1 (Passes AA for all text; AAA for large text only)
- **Pure White (#FFFFFF) text on Slate Gray**: 4.05:1 (Passes AA for large text only)
- **Dark Charcoal (#212529) text on Slate Gray**: 3.8:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Slate Gray**: 1.42:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Slate Gray?
Yes. Black text on Slate Gray has a WCAG 2.2 contrast ratio of 5.18:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### Can I use white text on Slate Gray?
Only for large text. White text on Slate Gray has a WCAG 2.2 contrast ratio of 4.05:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### What colors go with Slate Gray?
White, Black, Ivory, White Smoke, Gold and Light Sky Blue all go well with Slate Gray. Black (5.18:1) has enough contrast for text on Slate Gray; White, Ivory, White Smoke, Gold and Light Sky Blue work better as a background or accent.

### What is the difference between slate gray and gray?
Slate Gray (#708090) has a blue tint, with a hue of 210° and 13% saturation, while Gray (#808080) is perfectly neutral, with 0% saturation.

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