#EF4026 Hex Color

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

Tomato color codes graphic
Tomato is a high-chroma red that commands immediate attention. Because of its intense saturation, it works best as a 10% accent rather than a dominant background color. It pairs unexpectedly well with teal or slate gray, which grounds its aggressive heat. This hex code #ef4026 maintains accessible contrast with black text, making it a reliable choice for critical UI calls to action.

Questions about Tomato

What is the hex code for Tomato?
Tomato is #ef4026. In RGB that is rgb(239, 64, 38), in HSL hsl(8, 86%, 54%) and in CMYK 0%, 73%, 84%, 6%.
How can I effectively use #ef4026 in a UI design?
Tomato #ef4026 works best as a targeted accent color for primary call-to-action buttons or status indicators where you need high visibility. Because it carries so much visual weight, limit its use to less than ten percent of your total screen surface area.
What colors pair well with #ef4026?
To ground this aggressive red, pair it with cool, muted neutrals like slate gray or deep teal. These colors provide a sophisticated contrast that prevents the intense warmth of Tomato from overwhelming the rest of your design composition.
Is Tomato readable on white or black?
Tomato has a 3.86:1 contrast ratio on white and 5.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.