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