Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumSlateBlue
Color Name | HEX | RGB |
---|---|---|
MediumSlateBlue |
#7B68EE |
123, 104, 238 |
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
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
Black
Black
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
Black
Black
MediumSlateBlue
MediumSlateBlue
Switch
Vertical Combination
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
Black
Black
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
Black
Black
MediumSlateBlue
MediumSlateBlue
Switch
Horizontal/Vertical Combination
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
Black
Black
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
Black
Black
MediumSlateBlue
MediumSlateBlue
Switch
Three Circles
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
Black
Black
MediumSlateBlue
MediumSlateBlue
White
White
Black
Black
White
White
MediumSlateBlue
MediumSlateBlue
White
White
MediumSlateBlue
MediumSlateBlue
Black
Black
White
White
Black
Black
MediumSlateBlue
MediumSlateBlue
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumSlateBlue
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
MediumSlateBlue
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
MediumSlateBlue
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
MediumSlateBlue
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
MediumSlateBlue
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
MediumSlateBlue
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumSlateBlue
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumSlateBlue
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
MediumSlateBlue
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
MediumSlateBlue
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
MediumSlateBlue
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
MediumSlateBlue
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumSlateBlue
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
MediumSlateBlue
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
MediumSlateBlue
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
MediumSlateBlue
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
MediumSlateBlue
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
MediumSlateBlue
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumSlateBlue
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
MediumSlateBlue
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
MediumSlateBlue
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
MediumSlateBlue
Topping/Fillings:
Cream:
Sponge:
White
Cream:
MediumSlateBlue
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
MediumSlateBlue
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumSlateBlue
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
MediumSlateBlue
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
MediumSlateBlue
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
MediumSlateBlue
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
MediumSlateBlue
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
MediumSlateBlue
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumSlateBlue
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
MediumSlateBlue
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
MediumSlateBlue
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
MediumSlateBlue
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
MediumSlateBlue
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
MediumSlateBlue
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumSlateBlue
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
MediumSlateBlue
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
MediumSlateBlue
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
MediumSlateBlue
Background:
Screen:
Cat:
White
Screen:
MediumSlateBlue
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
MediumSlateBlue
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumSlateBlue
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
MediumSlateBlue
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
MediumSlateBlue
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
MediumSlateBlue
Background:
Cat:
AC Condenser:
White
Cat:
MediumSlateBlue
AC Condenser:
Black
Background:
Cat:
AC Condenser:
White
Cat:
Black
AC Condenser:
MediumSlateBlue
Switch
Share and Have Fun with Your Friends!!
Notes
- Actual colors displayed may differ depending on the display device you use.
- All colors in themes are estimated, and some of the color combinations, especially brands and logos, are formally established separately.
- Text colors of color codes in each boxes below are set to
Black
andWhite
. - If you have any requests or suggestion, feel free to contact us.
- Switch the language >> Japanese.
Scenes
Surprise Party 5
From: Impressions
Surprise Party 4
From: Impressions
Surprise Party 3
From: Impressions
Surprise Party 2
From: Impressions
Brands/Logos
Walmart
Chimay Gold
Chimay Triple
Chimay Blue
Characters
Noby 2
From: Doraemon
Noby
From: Doraemon
Doraemon 3
From: Doraemon
Doraemon 2
From: Doraemon
Countries/Regions
Dirndl 5
From: Traditional Dresses
Dirndl 4
From: Traditional Dresses
Dirndl 3
From: Traditional Dresses
Dirndl 2
From: Traditional Dresses
Animals
Yorkshire Terrier
From: Dogs
Siberian Husky
From: Dogs
Golden Retriever
From: Dogs
German Shepherd
From: Dogs
Plants
Sunflower
From: Flowers
Snowdrop
From: Flowers
Scilla
From: Flowers
Rain Lily
From: Flowers