Tomato #FF6347

Tomato#FF6347 · rgb(255, 99, 71)

Tomato color codes

CSS nametomato
HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
CMYKcmyk(0%, 61%, 72%, 0%)
Decimal16737095

Shades of Tomato (darker)

#E65940 · #CC4F39 · #B34532 · #993B2B · #803224 · #66281C · #4D1E15 · #33140E · #1A0A07

Tints of Tomato (lighter)

#FF7359 · #FF826C · #FF927E · #FFA191 · #FFB1A3 · #FFC1B5 · #FFD0C8 · #FFE0DA · #FFEFED

Color harmonies

Complementary
#47E3FF
Triadic
#47FF63, #6347FF
Analogous
#FF4788, #FFBF47

Accessibility (WCAG contrast)

White text on Tomato2.95:1 · Fail
Black text on Tomato7.13:1 · AAA

Use Tomato in code

.element {
  color: tomato;          /* or #ff6347 */
  background-color: rgb(255 99 71 / 0.5);
}

Frequently asked questions

What is the hex code for Tomato?

Tomato is #FF6347 in HEX, rgb(255, 99, 71) in RGB and hsl(9, 100%, 64%) in HSL.

Can I use "tomato" directly in CSS?

Yes. "tomato" is one of the 148 standard CSS named colors, so color: tomato; works in every browser.

Is Tomato readable on white?

The contrast ratio of Tomato on white is 2.95:1 (WCAG Fail). On black it is 7.13:1 (AAA).

What is the complementary color of Tomato?

The complementary color (opposite on the color wheel) is #47E3FF.

Similar colors

Coral#FF7F50Salmon#FA8072Indian Red#CD5C5CPeru#CD853FChocolate#D2691ELight Coral#F08080Sandy Brown#F4A460Dark Salmon#E9967A

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.