Tomato is a medium-light, vivid shade in the red color family, with a warm feel. Its HEX code is #FF6347, which equals rgb(255, 99, 71) in RGB and hsl(9, 100%, 64%) in HSL. In print terms it converts to roughly C0 M61 Y72 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF6347 - RGB
255, 99, 71 - HSL
9°, 100%, 64% - CMYK
0, 61, 72, 0 - Family
Red - Tone
Medium-light, vivid
About Tomato
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 7.13:1. Its complementary color is #47E3FF.
Download Tomato as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Tomato color codes
| HEX | #FF6347 |
|---|---|
| RGB | rgb(255, 99, 71) |
| HSL | hsl(9, 100%, 64%) |
| HSV | 9°, 72%, 100% |
| CMYK | 0%, 61%, 72%, 0% |
| Decimal | 16737095 |
Shades and tints of Tomato
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE5E0 - 100
#FFCBC2 - 200
#FFB1A3 - 300
#FF9784 - 400
#FF7D66 - 500
#FF6347 - 600
#D5533B - 700
#AA422F - 800
#803224 - 900
#552118 - 950
#2B110C
Color harmonies for Tomato
- Complementary
#47E3FF≈ Light Peacock - Analogous −30°
#FF4788≈ Light Ruby - Analogous +30°
#FFBF47≈ Light Tangerine - Triadic +120°
#47FF63≈ Light Kelly - Triadic +240°
#6347FF≈ Light Ultramarine - Split 150°
#47FFBF≈ Light Seafoam - Split 210°
#4788FF≈ Light Sapphire
Contrast and accessibility of Tomato
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Tomato | Aa | 2.95:1 | Fails |
| Black text on Tomato | Aa | 7.13:1 | AAA (excellent) |
CSS code for Tomato
background-color: #FF6347;color: #FF6347;background-color: rgb(255, 99, 71);background-color: hsl(9, 100%, 64%);:root { --color-tomato: #FF6347; }class="bg-[#FF6347]"Colors similar to Tomato
- Light Scarlet
#FF6352 - Light Red
#FF5252 - Light Vermilion
#FF7452 - Medium Light Bright Vermilion
#EA603E - Medium Light Cinnabar
#FF6929 - Medium Light Bright Cinnabar
#EA723E - Light Bright Red
#EE6363 - Medium Light Vermilion
#FF5429 - Light Cardinal
#FF5263 - Medium Light Bright Scarlet
#EA4F3E - Light Bright Scarlet
#EE7163 - Coral
#FF7F50
More red shades
- Crimson
#DC143C - Fire Brick
#B22222 - Indian Red
#CD5C5C - Light Coral
#F08080 - Salmon
#FA8072 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020
Frequently asked questions
What is the HEX code for Tomato?
The HEX code for Tomato is #FF6347.
What is the RGB value of Tomato?
Tomato has an RGB value of 255, 99, 71 (rgb(255, 99, 71)). In HSL it is 9°, 100%, 64%.
What text color should I use on Tomato?
Use black text on Tomato. White text has a contrast ratio of 2.95:1 and black text has 7.13:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Tomato?
The complementary color of Tomato is #47E3FF. Analogous colors #FF4788 and #FFBF47 also pair well.