Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Purple
| Color Name | HEX | RGB |
|---|---|---|
Purple |
#800080 |
128, 0, 128 |
| 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
Purple
PurpleBlack
BlackWhite
WhitePurple
PurpleWhite
WhiteBlack
BlackBlack
BlackPurple
PurpleWhite
WhiteBlack
BlackWhite
WhitePurple
PurpleWhite
WhitePurple
PurpleBlack
BlackWhite
WhiteBlack
BlackPurple
PurpleSwitch
Vertical Combination
Purple
PurpleBlack
BlackWhite
WhitePurple
PurpleWhite
WhiteBlack
BlackBlack
BlackPurple
PurpleWhite
WhiteBlack
BlackWhite
WhitePurple
PurpleWhite
WhitePurple
PurpleBlack
BlackWhite
WhiteBlack
BlackPurple
PurpleSwitch
Horizontal/Vertical Combination
Purple
PurpleBlack
BlackWhite
WhitePurple
PurpleWhite
WhiteBlack
BlackBlack
BlackPurple
PurpleWhite
WhiteBlack
BlackWhite
WhitePurple
PurpleWhite
WhitePurple
PurpleBlack
BlackWhite
WhiteBlack
BlackPurple
PurpleSwitch
Three Circles
Purple
PurpleBlack
BlackWhite
WhitePurple
PurpleWhite
WhiteBlack
BlackBlack
BlackPurple
PurpleWhite
WhiteBlack
BlackWhite
WhitePurple
PurpleWhite
WhitePurple
PurpleBlack
BlackWhite
WhiteBlack
BlackPurple
PurpleSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
PurpleUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
PurpleUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
PurpleLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
PurpleBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
PurpleLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
PurpleSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
PurpleBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
PurpleBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
PurpleBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
PurpleColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
PurpleBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
PurpleSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
PurpleBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
PurpleBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
PurpleBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
PurpleHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
PurpleBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
PurpleSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
PurpleCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
PurpleCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
PurpleSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
PurpleTopping/Fillings:
Cream:
Sponge:
WhiteCream:
PurpleSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
PurpleSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
PurpleShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
PurpleShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
PurpleSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
PurpleVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
PurpleSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
PurpleSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
PurpleShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
PurpleShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
PurplePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
PurpleJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
PurplePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
PurpleSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
PurpleScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
PurpleScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
PurpleCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
PurpleBackground:
Screen:
Cat:
WhiteScreen:
PurpleCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
PurpleSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
PurpleCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
PurpleCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
PurpleAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Purple