Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightCoral
| Color Name | HEX | RGB |
|---|---|---|
LightCoral |
#F08080 |
240, 128, 128 |
| 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
LightCoral
LightCoralBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteBlack
BlackBlack
BlackLightCoral
LightCoralWhite
WhiteBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteLightCoral
LightCoralBlack
BlackWhite
WhiteBlack
BlackLightCoral
LightCoralSwitch
Vertical Combination
LightCoral
LightCoralBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteBlack
BlackBlack
BlackLightCoral
LightCoralWhite
WhiteBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteLightCoral
LightCoralBlack
BlackWhite
WhiteBlack
BlackLightCoral
LightCoralSwitch
Horizontal/Vertical Combination
LightCoral
LightCoralBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteBlack
BlackBlack
BlackLightCoral
LightCoralWhite
WhiteBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteLightCoral
LightCoralBlack
BlackWhite
WhiteBlack
BlackLightCoral
LightCoralSwitch
Three Circles
LightCoral
LightCoralBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteBlack
BlackBlack
BlackLightCoral
LightCoralWhite
WhiteBlack
BlackWhite
WhiteLightCoral
LightCoralWhite
WhiteLightCoral
LightCoralBlack
BlackWhite
WhiteBlack
BlackLightCoral
LightCoralSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightCoralUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightCoralUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightCoralLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightCoralBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightCoralLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightCoralSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightCoralBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightCoralBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightCoralBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightCoralColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightCoralBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightCoralSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightCoralBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightCoralBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightCoralBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightCoralHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightCoralBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightCoralSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightCoralCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightCoralCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightCoralSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightCoralTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightCoralSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightCoralSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightCoralShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightCoralShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightCoralSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightCoralVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightCoralSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightCoralSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightCoralShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightCoralShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightCoralPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightCoralJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightCoralPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightCoralSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightCoralScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightCoralScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightCoralCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightCoralBackground:
Screen:
Cat:
WhiteScreen:
LightCoralCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightCoralSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightCoralCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightCoralCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightCoralAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightCoral