Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightPink
| Color Name | HEX | RGB |
|---|---|---|
LightPink |
#FFB6C1 |
255, 182, 193 |
| 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
LightPink
LightPinkBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteBlack
BlackBlack
BlackLightPink
LightPinkWhite
WhiteBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteLightPink
LightPinkBlack
BlackWhite
WhiteBlack
BlackLightPink
LightPinkSwitch
Vertical Combination
LightPink
LightPinkBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteBlack
BlackBlack
BlackLightPink
LightPinkWhite
WhiteBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteLightPink
LightPinkBlack
BlackWhite
WhiteBlack
BlackLightPink
LightPinkSwitch
Horizontal/Vertical Combination
LightPink
LightPinkBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteBlack
BlackBlack
BlackLightPink
LightPinkWhite
WhiteBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteLightPink
LightPinkBlack
BlackWhite
WhiteBlack
BlackLightPink
LightPinkSwitch
Three Circles
LightPink
LightPinkBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteBlack
BlackBlack
BlackLightPink
LightPinkWhite
WhiteBlack
BlackWhite
WhiteLightPink
LightPinkWhite
WhiteLightPink
LightPinkBlack
BlackWhite
WhiteBlack
BlackLightPink
LightPinkSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightPinkUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightPinkUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightPinkLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightPinkBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightPinkLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightPinkSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightPinkBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightPinkBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightPinkBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightPinkColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightPinkBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightPinkSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightPinkBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightPinkBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightPinkBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightPinkHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightPinkBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightPinkSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightPinkCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightPinkCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightPinkSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightPinkTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightPinkSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightPinkSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightPinkShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightPinkShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightPinkSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightPinkVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightPinkSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightPinkSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightPinkShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightPinkShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightPinkPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightPinkJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightPinkPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightPinkSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightPinkScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightPinkScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightPinkCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightPinkBackground:
Screen:
Cat:
WhiteScreen:
LightPinkCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightPinkSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightPinkCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightPinkCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightPinkAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightPink