#FF6347
Tomato
Tomato is a vivid red-orange reminiscent of ripe tomatoes. It is warmer than pure red and brings energy and appetite appeal to designs.
Tomato Color Values
HEX#FF6347
RGB255, 99, 71
HSL9°, 100%, 64%
HSV9°, 72%, 100%
CMYK0%, 61%, 72%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #8E8142 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #B4A342 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF3D5D (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #A6A6A6 (~0.003% of population)
Tomato as Text Color
Tomato on White
2.9:1FAIL
Tomato on Light Gray
2.7:1FAIL
Tomato on Cream
2.8:1FAIL
Tomato on Dark
5.8:1AA
Tomato on Black
7.1:1AAA
Tomato on Soft Blue
2.6:1FAIL
Tomato on Soft Green
2.6:1FAIL
Tomato on Soft Pink
2.4:1FAIL
Nearest Tailwind Class
red-400
#F87171
Nearest Pantone Match
Living Coral (2019)
#FF6F61
CSS Variable Export
:root {
--color-tomato: #FF6347;
--color-tomato-rgb: 255, 99, 71;
}Tailwind Config
// tailwind.config.js
colors: {
'tomato': '#FF6347',
}Shades of Tomato
#FF6347
#FF4524
#FF2600
#DB2100
#B81C00
#8F1500
#6B1000
#470B00
#240500
#000000
Tints of Tomato
#FF6347
#FF745C
#FF8670
#FF9785
#FFA899
#FFBAAD
#FFCBC2
#FFDCD6
#FFEEEB
#FFFFFF
Color Harmonies
Complementary
#FF6347
#47E3FF
Analogous
#FF4788
#FF6347
#FFBF47
Triadic
#FF6347
#47FF63
#6347FF
Tomato Text Preview
Heading in Tomato
Body text in Tomato. The quick brown fox jumps over the lazy dog.
White on Tomato
Body text on a Tomato background.
Tomato text on dark background
Contrast: 6.0:1