Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Orchid
| Color Name | HEX | RGB |
|---|---|---|
Orchid |
#DA70D6 |
218, 112, 214 |
| 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
Orchid
OrchidBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteBlack
BlackBlack
BlackOrchid
OrchidWhite
WhiteBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteOrchid
OrchidBlack
BlackWhite
WhiteBlack
BlackOrchid
OrchidSwitch
Vertical Combination
Orchid
OrchidBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteBlack
BlackBlack
BlackOrchid
OrchidWhite
WhiteBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteOrchid
OrchidBlack
BlackWhite
WhiteBlack
BlackOrchid
OrchidSwitch
Horizontal/Vertical Combination
Orchid
OrchidBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteBlack
BlackBlack
BlackOrchid
OrchidWhite
WhiteBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteOrchid
OrchidBlack
BlackWhite
WhiteBlack
BlackOrchid
OrchidSwitch
Three Circles
Orchid
OrchidBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteBlack
BlackBlack
BlackOrchid
OrchidWhite
WhiteBlack
BlackWhite
WhiteOrchid
OrchidWhite
WhiteOrchid
OrchidBlack
BlackWhite
WhiteBlack
BlackOrchid
OrchidSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
OrchidUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
OrchidUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
OrchidLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
OrchidBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
OrchidLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
OrchidSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
OrchidBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
OrchidBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
OrchidBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
OrchidColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
OrchidBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
OrchidSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
OrchidBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
OrchidBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
OrchidBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
OrchidHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
OrchidBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
OrchidSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
OrchidCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
OrchidCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
OrchidSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
OrchidTopping/Fillings:
Cream:
Sponge:
WhiteCream:
OrchidSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
OrchidSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
OrchidShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
OrchidShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
OrchidSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
OrchidVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
OrchidSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
OrchidSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
OrchidShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
OrchidShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
OrchidPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
OrchidJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
OrchidPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
OrchidSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
OrchidScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
OrchidScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
OrchidCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
OrchidBackground:
Screen:
Cat:
WhiteScreen:
OrchidCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
OrchidSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
OrchidCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
OrchidCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
OrchidAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Orchid