# Tomato Color (#FF6347)

> Tomato is a CSS named color defined as hex code #FF6347.

- **URL**: https://swatchatlas.com/colors/tomato/
- **Language**: English (en)
- **CSS Name**: `tomato`
- **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**: #FF6347
- **RGB**: rgb(255, 99, 71)
- **HSL**: hsl(9, 100%, 64%)
- **HSV/HSB**: hsv(9, 72%, 100%)
- **CMYK**: cmyk(0%, 61%, 72%, 0%) (digital approximation, non-print)
- **OKLCH**: oklch(0.696 0.196 32.3)

## What Colors Go With Tomato
Contrast is each color on Tomato (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 7.13:1, text-safe. Strong, readable text on tomato.
- **Navy (#000080)**: 5.43:1, text-safe. A deep blue that gives readable text and a fresh contrast.
- **Dark Slate Gray (#2F4F4F)**: 3.03:1, background or accent. A muted charcoal-green for a grounded, modern look.
- **Forest Green (#228B22)**: 1.49:1, background or accent. A natural complement, as in produce and garden themes.
- **Olive (#808000)**: 1.42:1, background or accent. An earthy green-brown for rustic, farm-to-table palettes.
- **Ivory (#FFFFF0)**: 2.92:1, background or accent. A warm off-white for backgrounds around tomato accents.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Tomato**: 7.13:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Tomato**: 2.95:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Tomato**: 5.24:1 (Passes AA for all text; AAA for large text only)
- **Mid Gray (#666666) text on Tomato**: 1.95:1 (Fails AA and AAA)

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

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

### What colors go with Tomato?
Black, Navy, Dark Slate Gray, Forest Green, Olive and Ivory all go well with Tomato. Black (7.13:1) and Navy (5.43:1) have enough contrast for text on Tomato; Dark Slate Gray, Forest Green, Olive and Ivory work better as a background or accent.

### What is the difference between tomato and coral?
Tomato (#FF6347, hue 9°) is redder and slightly darker. Coral (#FF7F50, hue 16°) is lighter and leans more toward orange.

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