Skip to content

Tomato #ff6347

Red that made you hungry.

RGB
255, 99, 71
HSL
9°, 100%, 64%
CMYK
0, 61, 72, 0
Luminance
0.3064

About Tomato

Tomato, #ff6347, is red-orange at ripeness — the fruit’s color turned appetite trigger. Warmer than pure red, juicier than coral, it is the most edible red in the palette.

History

The tomato crossed from the Americas and was feared as poisonous in Europe (its leaves are, and pewter plates leached lead into the acidic flesh) before conquering the world’s kitchens. The color name rode ketchup, cans and Campbell’s into universal recognition.

Psychology

Tomato reads warm, energetic and hungry — red’s pull dialed toward the dinner table. Food branding uses it relentlessly because it works: warm reds measurably raise appetite.

In design

Tomato is a vibrant accent and CTA: strong on cream and charcoal, borderline body text (3.5:1). Pair with basil green (the caprese duo), cream, mustard and teal. Food, cooking and casual-warm brands pour it liberally.

In culture

Throwing tomatoes, La Tomatina’s pulp-soaked streets, tomato-tomahto: the fruit is both applause’s opposite and civility’s favorite example of harmless disagreement.

Brands that own tomato

Shades of tomato

Every format

HEX#ff6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
CMYKcmyk(0%, 61%, 72%, 0%)
LABlab(62.2 57.9 46.4)
LCHlch(62.2 74.2 38.7)
OKLCHoklch(0.696 0.196 32.3)

Copy-ready code

/* CSS */
color: #ff6347;
background-color: #ff6347;
/* Tailwind (arbitrary) */
class="text-[#ff6347] bg-[#ff6347]"
/* SCSS */
$brand: #ff6347;
/* SwiftUI */
Color(red: 1.000, green: 0.388, blue: 0.278)
/* Android */
Color.parseColor("#ff6347")

Accessibility — WCAG contrast

Aa
#ff6347 on white: 2.95:1
AA ✗ fail · AA-large · AAA
Aa
#ff6347 on black: 7.13:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green38.8%
Blue27.8%

CMYK percentages

Cyan0.0%
Magenta61.2%
Yellow72.2%
Key (black)0.0%

Color previews

#ff6347 text on a black background

contrast 7.13:1

Card sample

#ff6347 text on a white background

contrast 2.95:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ff6347;
Background color
Panel with #ff6347 background
background-color: #ff6347;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ff6347;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 99, 71, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 99, 71, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ff6347;
background: linear-gradient(135deg, #ff6347, #FFDE47);

Monochromatic scale

Palettes built from #ff6347

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Tomato, answered

What is the hex code for tomato?

CSS tomato is #ff6347 — a warm red-orange between red and coral.

Tomato vs coral vs scarlet?

Scarlet is reddest, coral pinkest, tomato the warm red-orange middle — the appetite red.

What pairs with tomato?

Basil green (caprese), cream and mustard (warmth), teal for the complementary pop that food packaging loves.

Work with #ff6347 in the Color Lab