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/FF6347/" 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/color/FF6347/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/FF6347/)
Use the native HTML custom element.
#FF6347
CSS color
Overview
Tomato is a vivid warm red edged toward orange: rgb(255, 99, 71), hex #FF6347. The full red channel with modest green and a touch of blue places it at 9 degrees on the hue wheel, brightly lit and strongly saturated. One of the extended CSS3 named colors, tomato is named for the ripe fruit and reads as energetic and appetizing. Sitting between pure red and orange, it is bolder than salmon or coral and functions as an eye-catching accent that retains warmth without tipping fully into orange. Because its blue component is minimal, tomato holds its saturation strongly, and it contrasts vividly against the cool greens and blues that lie opposite it on the color wheel.
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.
On this page
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
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FF6347?
RGB(255, 99, 71) · HSL(9.1, 100.0%, 63.9%) · CMYK(0.0%, 61.2%, 72.2%, 0.0%)
Does #FF6347 meet WCAG contrast on white?
2.95:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FF6347?
Use 000000 text on a #FF6347 background; contrast on black is 7.13:1.