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
blackandwhite.
Horizontal Combination
SlateBlue
SlateBlueBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteBlack
BlackBlack
BlackSlateBlue
SlateBlueWhite
WhiteBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteSlateBlue
SlateBlueBlack
BlackWhite
WhiteBlack
BlackSlateBlue
SlateBlueSwitch
Vertical Combination
SlateBlue
SlateBlueBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteBlack
BlackBlack
BlackSlateBlue
SlateBlueWhite
WhiteBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteSlateBlue
SlateBlueBlack
BlackWhite
WhiteBlack
BlackSlateBlue
SlateBlueSwitch
Horizontal/Vertical Combination
SlateBlue
SlateBlueBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteBlack
BlackBlack
BlackSlateBlue
SlateBlueWhite
WhiteBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteSlateBlue
SlateBlueBlack
BlackWhite
WhiteBlack
BlackSlateBlue
SlateBlueSwitch
Three Circles
SlateBlue
SlateBlueBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteBlack
BlackBlack
BlackSlateBlue
SlateBlueWhite
WhiteBlack
BlackWhite
WhiteSlateBlue
SlateBlueWhite
WhiteSlateBlue
SlateBlueBlack
BlackWhite
WhiteBlack
BlackSlateBlue
SlateBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
SlateBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
SlateBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
SlateBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
SlateBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
SlateBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
SlateBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
SlateBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
SlateBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
SlateBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
SlateBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
SlateBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
SlateBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
SlateBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
SlateBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
SlateBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
SlateBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
SlateBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
SlateBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
SlateBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
SlateBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
SlateBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
SlateBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
SlateBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
SlateBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
SlateBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
SlateBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
SlateBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
SlateBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
SlateBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
SlateBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
SlateBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
SlateBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
SlateBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
SlateBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
SlateBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
SlateBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
SlateBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
SlateBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
SlateBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
SlateBlueBackground:
Screen:
Cat:
WhiteScreen:
SlateBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
SlateBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
SlateBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
SlateBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
SlateBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
SlateBlue
<