Tomato color (#FF6347)
Tomato is one of the 148 CSS named colors. Use the keyword tomato
anywhere CSS accepts a color, or its hex code #FF6347, which is rgb(255, 99, 71) in RGB.
It is a medium, vivid warm color with a hue angle of 9° on the HSL color wheel and a perceived lightness of 70% in OKLCH. On a tomato background, black text gives the higher contrast at 7.12:1, which passes WCAG AA for normal text.
Tomato color codes
| CSS name | tomato |
|
|---|---|---|
| HEX | #FF6347 |
|
| HEX (8-digit) | #FF6347FF |
|
| RGB | rgb(255, 99, 71) |
|
| HSL | hsl(9, 100%, 64%) |
|
| HSV / HSB | hsv(9, 72%, 100%) |
|
| OKLCH | oklch(69.6% 0.1955 32.3) |
|
| CMYK | cmyk(0%, 61.2%, 72.2%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for tomato used as text and as a background.
Tints and shades of tomato
Tints mix tomato with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with tomato
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Tomato with color blindness
Approximately how tomato appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using tomato in CSS
.element {
color: tomato;
background-color: #ff6347;
border-color: rgb(255 99 71 / 50%);
outline-color: oklch(69.6% 0.1955 32.3);
}Similar named colors
See all shades of orange or browse every CSS color name.