tomato

#FF6347

CSS color

Tomato (#FF6347) is a warm, vivid orange-red CSS named colour, precisely matching the bright, orange-tinged red of a ripe tomato — the most iconic red vegetable in the Western culinary tradition. The orange shift from pure red gives it energy and warmth without aggression, making it more approachable than primary red while retaining strong visual impact. In UI design it is one of the most popular reds for error states, warnings, and notification badges.

Color Values

HEX

#FF6347

RGB

255, 99, 71

HSL

9.1, 100.0%, 63.9%

HSV

9.1, 72.2%, 100.0%

CMYK

0.0%, 61.2%, 72.2%, 0.0%

OKLCH

0.6962 0.1955 32.3

Properties

Color Psychology

Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.

Design Usage

Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #FF6347;
color: #FF6347;
border-color: #FF6347;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.13:1

AA Pass AAA Pass

Compare With

Related Articles