What is the hex code for Tomato?

The hex code for Tomato is #FF6347. In RGB that is rgb(255, 99, 71), and in HSL it is hsl(9, 100%, 64%).

What RGB values make Tomato?

Tomato is 255 red, 99 green, and 71 blue, written as rgb(255, 99, 71).

Tomato scores 2.95:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: tomato directly in CSS, which every browser resolves to #FF6347.

#FF6347

Tomato is a red tone at #FF6347. It sits at 9 degrees on the color wheel with 100% saturation and 64% lightness.

Color values

Tints mix Tomato with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FFE0DA

Tint 60%

#FFC1B5

Tint 40%

#FFA191

Tint 20%

#FF826C

Base

#FF6347

Shade 20%

#CC4F39

Shade 40%

#993B2B

Shade 60%

#66281C

Shade 80%

#33140E

On white

Sample text

2.95:1

Fails WCAG for text

On black

Sample text

7.13:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Tomato?: The hex code for Tomato is #FF6347. In RGB that is rgb(255, 99, 71), and in HSL it is hsl(9, 100%, 64%).
What RGB values make Tomato?: Tomato is 255 red, 99 green, and 71 blue, written as rgb(255, 99, 71).
Is Tomato readable as text on a white background?: Tomato scores 2.95:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Tomato a valid CSS color name?: Yes. You can write color: tomato directly in CSS, which every browser resolves to #FF6347.