What does the color Tomato mean?

Red

Tomato

#ff6347

#ff826c

#ffa191

#ffc1b5

#ffe0da

#e66952

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

Tomato is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Tomato (#ff6347) in CSS as color: tomato; or as #ff6347.

Preview

Tomato

#ff6347

Overview

Family: Red

Accessibility on this swatch:

AAA

(7.13:1)

Contrast vs white: 2.95:1 · vs black: 7.13:1

Formats

HEX

#ff6347

RGB

rgb(255, 99, 71)

RGBA

rgba(255, 99, 71, 1)

HSL

hsl(9, 100%, 64%)

HSV

hsv(9, 72%, 100%)

LAB

lab(62.21% 57.85 46.42)

LCH

lch(62.21% 74.17 38.74)

OKLAB

oklab(0.6962 0.1652 0.1045)

OKLCH

oklch(0.6962 0.1955 32.32)

XYZ

xyz(46.84, 30.65, 9.41)

CMYK

cmyk(0%, 61%, 72%, 0%)

CSS

color: #ff6347;

CSS variable

--color-ff6347: #ff6347;

SCSS

$color-ff6347: #ff6347;

Tailwind

slate-300

Export

Developer code

:root {
  --tomato-1: #ff6347;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ff826c

#ffa191

#ffc1b5

#ffe0da

#e66952

#cc6f5e

#b37469

#997a75

Similar colors

#f26536

#e05a29

#ef5b25

#e66a3d

#ff7f50

#d45421

#d24914

#eb5114

Browse more in the color name library.