Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkSlateBlue
| Color Name | HEX | RGB |
|---|---|---|
DarkSlateBlue |
#483D8B |
72, 61, 139 |
| 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
DarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackBlack
BlackDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteDarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteBlack
BlackDarkSlateBlue
DarkSlateBlueSwitch
Vertical Combination
DarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackBlack
BlackDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteDarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteBlack
BlackDarkSlateBlue
DarkSlateBlueSwitch
Horizontal/Vertical Combination
DarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackBlack
BlackDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteDarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteBlack
BlackDarkSlateBlue
DarkSlateBlueSwitch
Three Circles
DarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackBlack
BlackDarkSlateBlue
DarkSlateBlueWhite
WhiteBlack
BlackWhite
WhiteDarkSlateBlue
DarkSlateBlueWhite
WhiteDarkSlateBlue
DarkSlateBlueBlack
BlackWhite
WhiteBlack
BlackDarkSlateBlue
DarkSlateBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkSlateBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkSlateBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkSlateBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkSlateBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkSlateBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkSlateBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkSlateBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkSlateBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkSlateBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkSlateBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkSlateBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkSlateBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkSlateBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkSlateBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkSlateBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkSlateBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkSlateBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkSlateBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkSlateBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkSlateBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkSlateBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkSlateBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkSlateBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkSlateBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkSlateBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkSlateBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkSlateBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkSlateBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkSlateBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkSlateBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkSlateBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkSlateBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkSlateBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkSlateBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkSlateBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkSlateBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkSlateBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkSlateBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkSlateBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkSlateBlueBackground:
Screen:
Cat:
WhiteScreen:
DarkSlateBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkSlateBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkSlateBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkSlateBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkSlateBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkSlateBlue