Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
IndianRed
| Color Name | HEX | RGB |
|---|---|---|
IndianRed |
#CD5C5C |
205, 92, 92 |
| 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
blackandwhite.
Horizontal Combination
IndianRed
IndianRedBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteBlack
BlackBlack
BlackIndianRed
IndianRedWhite
WhiteBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteIndianRed
IndianRedBlack
BlackWhite
WhiteBlack
BlackIndianRed
IndianRedSwitch
Vertical Combination
IndianRed
IndianRedBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteBlack
BlackBlack
BlackIndianRed
IndianRedWhite
WhiteBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteIndianRed
IndianRedBlack
BlackWhite
WhiteBlack
BlackIndianRed
IndianRedSwitch
Horizontal/Vertical Combination
IndianRed
IndianRedBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteBlack
BlackBlack
BlackIndianRed
IndianRedWhite
WhiteBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteIndianRed
IndianRedBlack
BlackWhite
WhiteBlack
BlackIndianRed
IndianRedSwitch
Three Circles
IndianRed
IndianRedBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteBlack
BlackBlack
BlackIndianRed
IndianRedWhite
WhiteBlack
BlackWhite
WhiteIndianRed
IndianRedWhite
WhiteIndianRed
IndianRedBlack
BlackWhite
WhiteBlack
BlackIndianRed
IndianRedSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
IndianRedUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
IndianRedUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
IndianRedLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
IndianRedBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
IndianRedLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
IndianRedSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
IndianRedBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
IndianRedBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
IndianRedBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
IndianRedColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
IndianRedBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
IndianRedSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
IndianRedBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
IndianRedBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
IndianRedBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
IndianRedHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
IndianRedBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
IndianRedSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
IndianRedCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
IndianRedCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
IndianRedSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
IndianRedTopping/Fillings:
Cream:
Sponge:
WhiteCream:
IndianRedSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
IndianRedSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
IndianRedShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
IndianRedShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
IndianRedSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
IndianRedVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
IndianRedSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
IndianRedSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
IndianRedShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
IndianRedShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
IndianRedPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
IndianRedJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
IndianRedPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
IndianRedSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
IndianRedScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
IndianRedScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
IndianRedCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
IndianRedBackground:
Screen:
Cat:
WhiteScreen:
IndianRedCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
IndianRedSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
IndianRedCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
IndianRedCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
IndianRedAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
IndianRed