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