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
black
andwhite
.
Horizontal Combination
Azure
Azure
Black
Black
White
White
Azure
Azure
White
White
Black
Black
Black
Black
Azure
Azure
White
White
Black
Black
White
White
Azure
Azure
White
White
Azure
Azure
Black
Black
White
White
Black
Black
Azure
Azure
Switch
Vertical Combination
Azure
Azure
Black
Black
White
White
Azure
Azure
White
White
Black
Black
Black
Black
Azure
Azure
White
White
Black
Black
White
White
Azure
Azure
White
White
Azure
Azure
Black
Black
White
White
Black
Black
Azure
Azure
Switch
Horizontal/Vertical Combination
Azure
Azure
Black
Black
White
White
Azure
Azure
White
White
Black
Black
Black
Black
Azure
Azure
White
White
Black
Black
White
White
Azure
Azure
White
White
Azure
Azure
Black
Black
White
White
Black
Black
Azure
Azure
Switch
Three Circles
Azure
Azure
Black
Black
White
White
Azure
Azure
White
White
Black
Black
Black
Black
Azure
Azure
White
White
Black
Black
White
White
Azure
Azure
White
White
Azure
Azure
Black
Black
White
White
Black
Black
Azure
Azure
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
Azure
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Azure
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
Azure
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
Azure
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Azure
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
Azure
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Azure
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Azure
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
Azure
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
Azure
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Azure
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
Azure
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
Azure
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Azure
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
Azure
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
Azure
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Azure
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
Azure
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
Azure
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Azure
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
Azure
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
Azure
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Azure
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
Azure
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
Azure
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Azure
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
Azure
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
Azure
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Azure
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
Azure
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
Azure
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Azure
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
Azure
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
Azure
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Azure
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
Azure
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
Azure
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
Azure
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
Azure
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
Azure
Background:
Screen:
Cat:
White
Screen:
Azure
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
Azure
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
Azure
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
Azure
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
Azure
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
Azure