Tomato Color #FF6347
Quick Answer
Tomato = #FF6347 (RGB 255, 99, 71 · HSL 9°, 100%, 64%). A CSS named color on the warm red-orange side of the spectrum.
Tip: click any value to copy it to your clipboard.
Tomato Color Values Reference Table
| Format | Value |
|---|---|
| Hex | #FF6347 |
| RGB | rgb(255, 99, 71) |
| HSL | hsl(9, 100%, 64%) |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
| HSV | hsv(9, 72%, 100%) |
| RGB (0-1) | rgb(1.00, 0.39, 0.28) |
| Short Hex | #F63 (approx.) |
| Decimal | 16737095 |
| Pantone (approx.) | 17-1461 TCX Tomato |
| RAL (approx.) | RAL 2008 Bright Red Orange |
About Tomato (#FF6347)
Tomato is one of the 148 CSS named colors defined in CSS Color Module Level 4. Its hex code #FF6347 resolves to the RGB triplet (255, 99, 71) — a saturated red with a strong orange undertone. On the HSL wheel it sits at hue 9°, which is just past pure red (0°) and well before true orange (30°), giving it the vivid tomato-fruit character its name suggests.
Because tomato is fully saturated (100%) with a mid-light lightness (64%), it reads as energetic and warm. Designers reach for it to signal alerts, food-and-beverage branding, sale badges, holiday themes, and playful call-to-action buttons. It is bright enough to stand out against white backgrounds but still dark enough to hold white text at or above 18px.
Usage in CSS
color: tomato;
/* or */
color: #FF6347;
/* or */
color: rgb(255, 99, 71);
}
Accessibility Notes
Tomato on white fails WCAG AA for normal text (contrast ratio ~3.3:1) but passes AA for large text (≥18pt or 14pt bold). For body copy, darken to #CC4F39 or place it on a dark background. On #000000 black, tomato yields a ~6.3:1 contrast — accessible for normal text.
Complementary and Similar Colors
The complement of Tomato (#FF6347) is teal (#47DFFF). It also harmonizes with warmer neighbors such as coral (#FF7F50), salmon (#FA8072), and orangered (#FF4500). For triadic palettes, combine Tomato with lime (#63FF47) and blue-violet (#4763FF).
Frequently Asked Questions
What is the HEX code for Tomato?
The HEX code for Tomato is #FF6347.
What is the RGB value of Tomato?
The RGB value of Tomato is rgb(255, 99, 71).
What is the HSL value of Tomato?
The HSL value of Tomato is hsl(9, 100%, 64%).
Is Tomato a CSS named color?
Yes. Tomato is one of the 148 named colors in CSS Color Module Level 4, supported by every modern browser.
What colors go well with Tomato?
Tomato pairs well with warm neutrals (#F5F5DC beige, #FFF8DC cornsilk), deep teal (#008080), navy (#000080) and off-white text for contrast.