Tomato

Online color picker to view shades, tints, color codes, and complementary colors

Tomato color codes graphic
Tomato is a high-energy, saturated red with warm, orange undertones that demand immediate attention. Because of its intensity, it works best as a small 10% accent rather than a dominant base. It pairs effectively with deep charcoals or navy for balance. If you need other shades of orange, the hex code #ff6347 is a strong, vivid starting point for UI highlights and call-to-action buttons.

Questions about Tomato

What is the hex code for Tomato?
Tomato is #ff6347. In RGB that is rgb(255, 99, 71), in HSL hsl(9, 100%, 64%) and in CMYK 0%, 61%, 72%, 0%.
How should I use Tomato #ff6347 effectively in a design?
Tomato #ff6347 works best as a targeted accent color for UI highlights like call-to-action buttons rather than a dominant background. Because of its high saturation, it pairs well with neutral dark tones like charcoal or navy to prevent visual fatigue.
Is Tomato readable on white or black?
Tomato has a 2.94:1 contrast ratio on white and 7.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.