Tomato (CSS)

Tomato (CSS) is a light, saturated red color with the hex code #FF6347 (hue 9°, saturation 100%, lightness 64%). It is also the CSS named color tomato.

#FF6347

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Tomato (CSS)	`#FF6347`	255, 99, 71	9°, 100%, 64%	0, 61, 72, 0	69.6% 0.196 32

Contrast with white text 2.95:1, with black text 7.13:1 — use black text on Tomato (CSS).

tomato is one of the 148 named colors in CSS, with exactly this value, so color: tomato works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#FFD4CC

#FF9380

#FF5233

#E62300

#991700

#4D0C00

Colors that go with Tomato (CSS)

Six color schemes built on Tomato (CSS) with classic harmony rules. The complementary scheme pairs it with Shimmering Expanse Cyan (#45E9FD), the color opposite it on the color wheel.

Nearest CSS named colors

Orange Red (orangered): Orange Red (#FF4500) is darker than Tomato (CSS) (relative luminance 0.255 vs 0.306) and equally saturated, with its hue 7° away.
Coral (coral): Coral (#FF7F50) is lighter than Tomato (CSS) (relative luminance 0.370 vs 0.306) and equally saturated, with its hue 7° away.
Salmon (CSS) (salmon): Salmon (CSS) (#FA8072) is lighter than Tomato (CSS) (relative luminance 0.370 vs 0.306) and less saturated, with its hue 3° away.
Light Coral (lightcoral): Light Coral (#F08080) is lighter than Tomato (CSS) (relative luminance 0.355 vs 0.306) and less saturated, with its hue 9° away.

Similar light red colors

Questions

What is the hex code for Tomato (CSS)?

#FF6347 — RGB 255, 99, 71, HSL 9°, 100%, 64%.

Is Tomato (CSS) a warm or cool color?

Warm — its hue sits at 9° on the color wheel.