Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
HotPink
| Color Name | HEX | RGB |
|---|---|---|
HotPink |
#FF69B4 |
255, 105, 180 |
| 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
HotPink
HotPinkBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteBlack
BlackBlack
BlackHotPink
HotPinkWhite
WhiteBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteHotPink
HotPinkBlack
BlackWhite
WhiteBlack
BlackHotPink
HotPinkSwitch
Vertical Combination
HotPink
HotPinkBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteBlack
BlackBlack
BlackHotPink
HotPinkWhite
WhiteBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteHotPink
HotPinkBlack
BlackWhite
WhiteBlack
BlackHotPink
HotPinkSwitch
Horizontal/Vertical Combination
HotPink
HotPinkBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteBlack
BlackBlack
BlackHotPink
HotPinkWhite
WhiteBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteHotPink
HotPinkBlack
BlackWhite
WhiteBlack
BlackHotPink
HotPinkSwitch
Three Circles
HotPink
HotPinkBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteBlack
BlackBlack
BlackHotPink
HotPinkWhite
WhiteBlack
BlackWhite
WhiteHotPink
HotPinkWhite
WhiteHotPink
HotPinkBlack
BlackWhite
WhiteBlack
BlackHotPink
HotPinkSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
HotPinkUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
HotPinkUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
HotPinkLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
HotPinkBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
HotPinkLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
HotPinkSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
HotPinkBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
HotPinkBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
HotPinkBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
HotPinkColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
HotPinkBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
HotPinkSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
HotPinkBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
HotPinkBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
HotPinkBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
HotPinkHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
HotPinkBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
HotPinkSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
HotPinkCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
HotPinkCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
HotPinkSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
HotPinkTopping/Fillings:
Cream:
Sponge:
WhiteCream:
HotPinkSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
HotPinkSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
HotPinkShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
HotPinkShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
HotPinkSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
HotPinkVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
HotPinkSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
HotPinkSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
HotPinkShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
HotPinkShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
HotPinkPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
HotPinkJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
HotPinkPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
HotPinkSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
HotPinkScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
HotPinkScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
HotPinkCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
HotPinkBackground:
Screen:
Cat:
WhiteScreen:
HotPinkCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
HotPinkSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
HotPinkCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
HotPinkCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
HotPinkAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
HotPink