Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkRed
| Color Name | HEX | RGB |
|---|---|---|
DarkRed |
#8B0000 |
139, 0, 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
DarkRed
DarkRedBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteBlack
BlackBlack
BlackDarkRed
DarkRedWhite
WhiteBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteDarkRed
DarkRedBlack
BlackWhite
WhiteBlack
BlackDarkRed
DarkRedSwitch
Vertical Combination
DarkRed
DarkRedBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteBlack
BlackBlack
BlackDarkRed
DarkRedWhite
WhiteBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteDarkRed
DarkRedBlack
BlackWhite
WhiteBlack
BlackDarkRed
DarkRedSwitch
Horizontal/Vertical Combination
DarkRed
DarkRedBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteBlack
BlackBlack
BlackDarkRed
DarkRedWhite
WhiteBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteDarkRed
DarkRedBlack
BlackWhite
WhiteBlack
BlackDarkRed
DarkRedSwitch
Three Circles
DarkRed
DarkRedBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteBlack
BlackBlack
BlackDarkRed
DarkRedWhite
WhiteBlack
BlackWhite
WhiteDarkRed
DarkRedWhite
WhiteDarkRed
DarkRedBlack
BlackWhite
WhiteBlack
BlackDarkRed
DarkRedSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkRedUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkRedUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkRedLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkRedBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkRedLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkRedSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkRedBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkRedBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkRedBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkRedColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkRedBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkRedSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkRedBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkRedBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkRedBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkRedHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkRedBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkRedSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkRedCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkRedCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkRedSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkRedTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkRedSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkRedSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkRedShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkRedShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkRedSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkRedVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkRedSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkRedSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkRedShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkRedShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkRedPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkRedJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkRedPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkRedSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkRedScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkRedScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkRedCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkRedBackground:
Screen:
Cat:
WhiteScreen:
DarkRedCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkRedSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkRedCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkRedCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkRedAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkRed