Tomato hex code
The hex code for tomato is #FF6347. In RGB that is rgb(255, 99, 71) and in HSL it is hsl(9, 100%, 64%).
The hex code for tomato is #FF6347. In RGB that is rgb(255, 99, 71) and in HSL it is hsl(9, 100%, 64%).
Tomato · #FF6347
Colour codes
- HEX
- #FF6347
- RGB
- rgb(255, 99, 71)
- HSL
- hsl(9, 100%, 64%)
- CMYK
- 0, 61, 72, 0
- CSS name
- tomato
- Contrast on white
- 2.95:1
- Contrast on black
- 7.13:1
Tints and shades
20% lighter · #ff826c
40% lighter · #ffa191
60% lighter · #ffc1b5
80% lighter · #ffe0da
20% darker · #cc4f39
40% darker · #993b2b
60% darker · #66281c
80% darker · #33140e
Complementary colour
Tomato · #FF6347
Opposite on the colour wheel · #47e3ff
Frequently asked questions
What is the hex code for tomato?
The hex code for tomato is #FF6347. In RGB that is rgb(255, 99, 71) and in HSL it is hsl(9, 100%, 64%).
Can I use tomato for text?
It has a contrast ratio of 2.95:1 on white and 7.13:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with tomato?
Its complementary colour, opposite on the colour wheel, is #47E3FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of tomato instead.
Is tomato a CSS colour name?
Yes. CSS accepts the keyword tomato, so color: tomato and color: #FF6347 render exactly the same.