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