#ff6347 rgb(255, 99, 71) 9°, 100%, 64% Use Tomato in Your Projects
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
Shades & Tints of Tomato
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.tomato-color {
color: #ff6347;
background-color: #ff6347;
}
/* As a CSS custom property */
:root {
--color-tomato: #ff6347;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #47ff63 and #6347ff.