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