Tomato color values
| Format | Value |
|---|---|
| Hex | #FF6347 |
| RGB | rgb(255, 99, 71) |
| HSL | hsl(9, 100%, 64%) |
| HSV | 9, 72%, 100% |
| CMYK (simple conversion) | 0%, 61%, 72%, 0% |
| Decimal | 16737095 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Tomato
A vibrant red with a noticeable orange tint, much like a ripe tomato. It is frequently used in food delivery apps and restaurant branding to stimulate appetite. The color feels lively and warm, standing out clearly without the harshness of pure red. It is one of the 148 CSS named colors.
Shades and tints of Tomato
Tints mix Tomato with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF7359 | #E65940 |
| 20% | #FF826C | #CC4F39 |
| 30% | #FF927E | #B34532 |
| 40% | #FFA191 | #993B2B |
| 50% | #FFB1A3 | #803224 |
Color harmony for Tomato
These colors keep the same saturation and lightness as Tomato and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #47E3FF |
| Analogous | #FF4787 #FFBF47 |
| Triadic | #47FF63 #6347FF |
| Split complementary | #47FFBF #4787FF |
Contrast and accessibility
Contrast between #FF6347 and white is 2.95:1 (fails). Against black it is 7.13:1 (passes AAA). For text on a Tomato background, black text is the more readable choice.
Use Tomato in CSS
.element {
color: tomato;
background-color: #FF6347;
border-color: rgb(255 99 71);
outline-color: hsl(9 100% 64%);
}All four lines produce exactly the same color. The keyword tomato is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Tomato?
The hex code for Tomato is #FF6347. As a CSS color keyword you can also write tomato.
What is Tomato in RGB?
Tomato is rgb(255, 99, 71): red 255, green 99, blue 71 on the 0 to 255 scale.
What color is closest to Tomato?
Of the CSS named colors, coral (#FF7F50) is the closest match to Tomato, followed by salmon and indianred.
More colors
- Thistle: previous page
- Turquoise: next page
- CSS named colors: the full list