Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
AliceBlue
| Color Name | HEX | RGB |
|---|---|---|
AliceBlue |
#F0F8FF |
240, 248, 255 |
| 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
AliceBlue
AliceBlueBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteBlack
BlackBlack
BlackAliceBlue
AliceBlueWhite
WhiteBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteAliceBlue
AliceBlueBlack
BlackWhite
WhiteBlack
BlackAliceBlue
AliceBlueSwitch
Vertical Combination
AliceBlue
AliceBlueBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteBlack
BlackBlack
BlackAliceBlue
AliceBlueWhite
WhiteBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteAliceBlue
AliceBlueBlack
BlackWhite
WhiteBlack
BlackAliceBlue
AliceBlueSwitch
Horizontal/Vertical Combination
AliceBlue
AliceBlueBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteBlack
BlackBlack
BlackAliceBlue
AliceBlueWhite
WhiteBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteAliceBlue
AliceBlueBlack
BlackWhite
WhiteBlack
BlackAliceBlue
AliceBlueSwitch
Three Circles
AliceBlue
AliceBlueBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteBlack
BlackBlack
BlackAliceBlue
AliceBlueWhite
WhiteBlack
BlackWhite
WhiteAliceBlue
AliceBlueWhite
WhiteAliceBlue
AliceBlueBlack
BlackWhite
WhiteBlack
BlackAliceBlue
AliceBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
AliceBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
AliceBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
AliceBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
AliceBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
AliceBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
AliceBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
AliceBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
AliceBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
AliceBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
AliceBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
AliceBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
AliceBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
AliceBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
AliceBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
AliceBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
AliceBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
AliceBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
AliceBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
AliceBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
AliceBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
AliceBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
AliceBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
AliceBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
AliceBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
AliceBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
AliceBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
AliceBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
AliceBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
AliceBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
AliceBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
AliceBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
AliceBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
AliceBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
AliceBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
AliceBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
AliceBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
AliceBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
AliceBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
AliceBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
AliceBlueBackground:
Screen:
Cat:
WhiteScreen:
AliceBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
AliceBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
AliceBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
AliceBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
AliceBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
AliceBlue