tomato — #FF6347
#FF6347
rgb(255, 99, 71) · hsl(9, 100%, 64%) · CSS keyword tomato
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| tomato on white | 2.95:1 | — | — |
| tomato on black | 7.13:1 | AA | AA |
As a background, tomato takes black text: 7.13:1 against 2.95:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
One of the few CSS names taken directly from a food and matching it closely.
Using it
color: tomato;
color: #ff6347;
color: rgb(255 99 71);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to tomato
- coral — #FF7F50
- salmon — #FA8072
- chocolate — #D2691E
- indianred — #CD5C5C
- lightcoral — #F08080
- orangered — #FF4500
Frequently asked questions
What is the hex code for tomato?
The hex code for tomato is #FF6347 — RGB 255, 99, 71.
Can I use tomato for text?
Not on a white background. tomato reaches only 2.95:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on tomato be black or white?
Black — 7.13:1 against 2.95:1 the other way.
Other named colours
- turquoise — #40E0D0
- violet — #EE82EE
- wheat — #F5DEB3
- white — #FFFFFF
- whitesmoke — #F5F5F5
- yellow — #FFFF00
- yellowgreen — #9ACD32
- aliceblue — #F0F8FF
- antiquewhite — #FAEBD7
- aqua — #00FFFF
- aquamarine — #7FFFD4
- azure — #F0FFFF
#FF6347 in full — tints, shades and harmonies · All named colours · Colour reference