Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Azure
| Color Name | HEX | RGB |
|---|---|---|
Azure |
#F0FFFF |
240, 255, 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
Azure
AzureBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteBlack
BlackBlack
BlackAzure
AzureWhite
WhiteBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteAzure
AzureBlack
BlackWhite
WhiteBlack
BlackAzure
AzureSwitch
Vertical Combination
Azure
AzureBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteBlack
BlackBlack
BlackAzure
AzureWhite
WhiteBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteAzure
AzureBlack
BlackWhite
WhiteBlack
BlackAzure
AzureSwitch
Horizontal/Vertical Combination
Azure
AzureBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteBlack
BlackBlack
BlackAzure
AzureWhite
WhiteBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteAzure
AzureBlack
BlackWhite
WhiteBlack
BlackAzure
AzureSwitch
Three Circles
Azure
AzureBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteBlack
BlackBlack
BlackAzure
AzureWhite
WhiteBlack
BlackWhite
WhiteAzure
AzureWhite
WhiteAzure
AzureBlack
BlackWhite
WhiteBlack
BlackAzure
AzureSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
AzureUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
AzureUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
AzureLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
AzureBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
AzureLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
AzureSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
AzureBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
AzureBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
AzureBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
AzureColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
AzureBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
AzureSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
AzureBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
AzureBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
AzureBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
AzureHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
AzureBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
AzureSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
AzureCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
AzureCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
AzureSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
AzureTopping/Fillings:
Cream:
Sponge:
WhiteCream:
AzureSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
AzureSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
AzureShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
AzureShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
AzureSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
AzureVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
AzureSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
AzureSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
AzureShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
AzureShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
AzurePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
AzureJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
AzurePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
AzureSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
AzureScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
AzureScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
AzureCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
AzureBackground:
Screen:
Cat:
WhiteScreen:
AzureCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
AzureSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
AzureCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
AzureCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
AzureAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Azure