Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Ivory
| Color Name | HEX | RGB |
|---|---|---|
Ivory |
#FFFFF0 |
255, 255, 240 |
| 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
Ivory
IvoryBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteBlack
BlackBlack
BlackIvory
IvoryWhite
WhiteBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteIvory
IvoryBlack
BlackWhite
WhiteBlack
BlackIvory
IvorySwitch
Vertical Combination
Ivory
IvoryBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteBlack
BlackBlack
BlackIvory
IvoryWhite
WhiteBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteIvory
IvoryBlack
BlackWhite
WhiteBlack
BlackIvory
IvorySwitch
Horizontal/Vertical Combination
Ivory
IvoryBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteBlack
BlackBlack
BlackIvory
IvoryWhite
WhiteBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteIvory
IvoryBlack
BlackWhite
WhiteBlack
BlackIvory
IvorySwitch
Three Circles
Ivory
IvoryBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteBlack
BlackBlack
BlackIvory
IvoryWhite
WhiteBlack
BlackWhite
WhiteIvory
IvoryWhite
WhiteIvory
IvoryBlack
BlackWhite
WhiteBlack
BlackIvory
IvorySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
IvoryUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
IvoryUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
IvoryLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
IvoryBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
IvoryLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
IvorySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
IvoryBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
IvoryBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
IvoryBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
IvoryColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
IvoryBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
IvorySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
IvoryBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
IvoryBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
IvoryBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
IvoryHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
IvoryBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
IvorySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
IvoryCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
IvoryCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
IvorySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
IvoryTopping/Fillings:
Cream:
Sponge:
WhiteCream:
IvorySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
IvorySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
IvoryShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
IvoryShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
IvorySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
IvoryVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
IvorySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
IvorySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
IvoryShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
IvoryShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
IvoryPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
IvoryJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
IvoryPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
IvorySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
IvoryScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
IvoryScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
IvoryCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
IvoryBackground:
Screen:
Cat:
WhiteScreen:
IvoryCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
IvorySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
IvoryCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
IvoryCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
IvoryAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Ivory