A light red with an orange tint, like a ripe tomato. It's one of the named CSS colors (tomato), so web designers know it well. It works well for food brands and eye-catching buttons.
Also known as: tomato.
Tomato red (#FF6347) is a warm, mid-tone, highly saturated color. It belongs to the reds family. It mixes 255 red, 99 green and 71 blue (out of 255). It is mostly used in web, food, illustration.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--tomato-red: #FF6347;
--tomato-red-rgb: 255, 99, 71;
}
.bg { background-color: var(--tomato-red); }
.text { color: var(--tomato-red); }The hex code for tomato red is #FF6347. In RGB it is rgb(255, 99, 71), in HSL hsl(9, 100%, 64%) and in CMYK 0, 61, 72, 0.
Its complement on the color wheel is #47E3FF, close to dark turquoise. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 2.9:1, while with black it is 7.1:1.