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