Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkOrange
| Color Name | HEX | RGB |
|---|---|---|
DarkOrange |
#FF8C00 |
255, 140, 0 |
| 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
DarkOrange
DarkOrangeBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteBlack
BlackBlack
BlackDarkOrange
DarkOrangeWhite
WhiteBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteDarkOrange
DarkOrangeBlack
BlackWhite
WhiteBlack
BlackDarkOrange
DarkOrangeSwitch
Vertical Combination
DarkOrange
DarkOrangeBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteBlack
BlackBlack
BlackDarkOrange
DarkOrangeWhite
WhiteBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteDarkOrange
DarkOrangeBlack
BlackWhite
WhiteBlack
BlackDarkOrange
DarkOrangeSwitch
Horizontal/Vertical Combination
DarkOrange
DarkOrangeBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteBlack
BlackBlack
BlackDarkOrange
DarkOrangeWhite
WhiteBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteDarkOrange
DarkOrangeBlack
BlackWhite
WhiteBlack
BlackDarkOrange
DarkOrangeSwitch
Three Circles
DarkOrange
DarkOrangeBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteBlack
BlackBlack
BlackDarkOrange
DarkOrangeWhite
WhiteBlack
BlackWhite
WhiteDarkOrange
DarkOrangeWhite
WhiteDarkOrange
DarkOrangeBlack
BlackWhite
WhiteBlack
BlackDarkOrange
DarkOrangeSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkOrangeUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkOrangeUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkOrangeLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkOrangeBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkOrangeLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkOrangeSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkOrangeBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkOrangeBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkOrangeBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkOrangeColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkOrangeBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkOrangeSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkOrangeBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkOrangeBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkOrangeBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkOrangeHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkOrangeBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkOrangeSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkOrangeCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkOrangeCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkOrangeSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkOrangeTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkOrangeSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkOrangeSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkOrangeShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkOrangeShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkOrangeSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkOrangeVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkOrangeSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkOrangeSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkOrangeShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkOrangeShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkOrangePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkOrangeJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkOrangePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkOrangeSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkOrangeScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkOrangeScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkOrangeCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkOrangeBackground:
Screen:
Cat:
WhiteScreen:
DarkOrangeCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkOrangeSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkOrangeCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkOrangeCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkOrangeAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkOrange