What is the hex code for Tomato?

The hex code for Tomato is #FF6347.

What is the RGB value of Tomato?

The RGB value of Tomato is rgb(255, 99, 71).

What is the HSL value of Tomato?

The HSL value of Tomato is hsl(9, 100%, 64%).

What is the HSV value of Tomato?

The HSV value of Tomato is hsv(9, 72%, 100%).

What CSS code do I use for Tomato?

Use background-color: #FF6347; for background, color: #FF6347; for text, or border: 1px solid #FF6347; for borders.

Tomato Hex #FF6347: HTML Color Code & Gradients

Tomato (#FF6347) Color Codes & Gradients

Color Preview

Make a gradient with Tomato →

Opens Tomato with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	tomato
Hex	#FF6347
RGB	rgb(255, 99, 71)
HSV	hsv(9, 72%, 100%)
HSL	hsl(9, 100%, 64%)
OKLCH	oklch(69.62% 0.1955 32.32)

What is the color name for #FF6347?

#FF6347 color name is Tomato.

Color Information

The HTML color Tomato has the hexadecimal code #FF6347 and in the RGB color space is composed of 100% red, 39% green, and 28% blue. The color Tomato has a hue angle of 9.1 degrees, a saturation of 100% and a lightness of 63.9%.

Tomato CSS Code Snippets

Background Color

.bg-tomato { background-color: #FF6347; }

Text Color

.text-tomato { color: #FF6347; }

Border Color

.border-tomato { border: 1px solid #FF6347; }

Shade Gradient

.gradient-shade-tomato { background: linear-gradient(135deg, #FF6347, #CC1F00); }

Tint Gradient

.gradient-tint-tomato { background: linear-gradient(135deg, #FF6347, #FFCBC1); }

Monochromatic Gradient

.gradient-mono-tomato { background: linear-gradient(135deg, #FF6347, #DB553D); }

Tomato Shades

#FF5233

#FF401E

#FF2F0A

#F42500

#E02200

#CC1F00

Tomato Tints

#FF745B

#FF8670

#FF9784

#FFA899

#FFB9AD

#FFCBC1

Tomato Tones

#F36B53

#E7745F

#DB7C6B

#CF8477

#C38D83

#B7958F

Tomato Monochromatic

#DB553D

#B64733

#923929

#6D2A1E

#491C14

#240E0A

Similar Colors to Tomato

#FF4768

#FF4750

#FF5747

#FF6F47

#FF8847

#FFA047

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator