Tomato Color

Learn about Tomato (#ff6347): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ff6347
HEX #ff6347
RGB rgb(255, 99, 71)
HSL 9°, 100%, 64%

About Tomato Color

Tomato is a warm, vibrant red-orange that feels energetic and appetizing. It is frequently used in food industry branding and urgent notifications.

Use Cases for Tomato

food brandingnotificationsurgency signalssummer themesgardening sites

Shades & Tints of Tomato

#ffffff
#ffd8d1
#ffb1a3
#ff8a75
#ff6347
#bf4a35
#803224
#401912
#000000

Complementary Color

#ff6347
#47e3ff

Analogous Colors

#ff4788
#ff6347
#ffbf47

CSS Code

.tomato-color {
  color: #ff6347;
}

Contrast Recommendations

Black text on Tomato
Ratio: 7.13:1 ✓ Passes AA ✓ Passes AAA
White text on Tomato
Ratio: 2.95:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Tomato?

Tomato is represented by the hex code #ff6347 and has RGB values of rgb(255, 99, 71). It falls under the Red category.

How to use Tomato in web design?

Tomato works well for food branding, notifications, urgency signals. Tomato is a warm, vibrant red-orange that feels energetic and appetizing. It is frequently used in food industry branding and urgent notifications. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Tomato?

Colors that pair well with Tomato include coral, orangered, darksalmon, lightsalmon, red. For a complementary scheme, try #47e3ff. For an analogous scheme, use #ff4788 and #ffbf47.