tomato
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#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
#FF6347
255, 99, 71
9.1, 100.0%, 63.9%
9.1, 72.2%, 100.0%
0.0%, 61.2%, 72.2%, 0.0%
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
Tailwind Shades
Contrast Checker
Text on white
2.95:1
Text on black
7.13:1