Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Tomato
Color Name | HEX | RGB |
---|---|---|
Tomato |
#FF6347 |
255, 99, 71 |
Color | ||
Color Combination Sample
Notes
- Actual colors displayed may differ depending on the display device you use.
- The color combination pattern is changeable with clicking on the "Switch" button.
- Text colors of color codes in each boxes below are set to
black
andwhite
.
Horizontal Combination
Tomato
Tomato
Black
Black
White
White
Tomato
Tomato
White
White
Black
Black
Black
Black
Tomato
Tomato
White
White
Black
Black
White
White
Tomato
Tomato
White
White
Tomato
Tomato
Black
Black
White
White
Black
Black
Tomato
Tomato
Switch
Vertical Combination
Tomato
Tomato
Black
Black
White
White
Tomato
Tomato
White
White
Black
Black
Black
Black
Tomato
Tomato
White
White
Black
Black
White
White
Tomato
Tomato
White
White
Tomato
Tomato
Black
Black
White
White
Black
Black
Tomato
Tomato
Switch
Horizontal/Vertical Combination
Tomato
Tomato
Black
Black
White
White
Tomato
Tomato
White
White
Black
Black
Black
Black
Tomato
Tomato
White
White
Black
Black
White
White
Tomato
Tomato
White
White
Tomato
Tomato
Black
Black
White
White
Black
Black
Tomato
Tomato
Switch
Three Circles
Tomato
Tomato
Black
Black
White
White
Tomato
Tomato
White
White
Black
Black
Black
Black
Tomato
Tomato
White
White
Black
Black
White
White
Tomato
Tomato
White
White
Tomato
Tomato
Black
Black
White
White
Black
Black
Tomato
Tomato
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
Tomato
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Tomato
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
Tomato
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
Tomato
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Tomato
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
Tomato
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Tomato
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Tomato
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
Tomato
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
Tomato
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Tomato
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
Tomato
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
Tomato
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Tomato
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
Tomato
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
Tomato
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Tomato
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
Tomato
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
Tomato
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Tomato
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
Tomato
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
Tomato
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Tomato
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
Tomato
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
Tomato
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Tomato
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
Tomato
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
Tomato
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Tomato
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
Tomato
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
Tomato
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Tomato
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
Tomato
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
Tomato
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Tomato
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
Tomato
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
Tomato
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
Tomato
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
Tomato
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
Tomato
Background:
Screen:
Cat:
White
Screen:
Tomato
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
Tomato
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
Tomato
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
Tomato
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
Tomato
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
Tomato