# Coral Color (#FF7F50)

> Coral is a CSS named color defined as hex code #FF7F50.

- **URL**: https://swatchatlas.com/colors/coral/
- **Language**: English (en)
- **CSS Name**: `coral`
- **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**: #FF7F50
- **RGB**: rgb(255, 127, 80)
- **HSL**: hsl(16, 100%, 66%)
- **HSV/HSB**: hsv(16, 69%, 100%)
- **CMYK**: cmyk(0%, 50%, 69%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.735 0.168 40.2)

## What Colors Go With Coral
Contrast is each color on Coral (WCAG 2.2); 4.5:1 or above is text-safe.
- **Navy (#000080)**: 6.41:1, text-safe. The classic coral partner: readable text and a crisp, nautical contrast.
- **Black (#000000)**: 8.4:1, text-safe. Strong, readable text on coral.
- **Dark Slate Gray (#2F4F4F)**: 3.57:1, background or accent. A muted charcoal for a modern, restrained look.
- **Teal (#008080)**: 1.91:1, background or accent. A cool blue-green complement for tropical palettes.
- **Turquoise (#40E0D0)**: 1.52:1, background or accent. A bright aqua that makes coral pop, common in beach themes.
- **Ivory (#FFFFF0)**: 2.48:1, background or accent. A warm neutral for backgrounds and spacing.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Coral**: 8.4:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Coral**: 2.5:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Coral**: 6.17:1 (Passes AA for all text; AAA for large text only)
- **Mid Gray (#666666) text on Coral**: 2.3:1 (Fails AA and AAA)

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

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

### What colors go with Coral?
Navy, Black, Dark Slate Gray, Teal, Turquoise and Ivory all go well with Coral. Navy (6.41:1) and Black (8.4:1) have enough contrast for text on Coral; Dark Slate Gray, Teal, Turquoise and Ivory work better as a background or accent.

### Is coral more pink or orange?
Coral (#FF7F50) has a hue of 16°, on the orange side of red, but its lifted green and blue channels add a pink softness. It is usually described as an orange-pink.

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