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