Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkGoldenRod
| Color Name | HEX | RGB |
|---|---|---|
DarkGoldenRod |
#B8860B |
184, 134, 11 |
| 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
DarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackBlack
BlackDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteDarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteBlack
BlackDarkGoldenRod
DarkGoldenRodSwitch
Vertical Combination
DarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackBlack
BlackDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteDarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteBlack
BlackDarkGoldenRod
DarkGoldenRodSwitch
Horizontal/Vertical Combination
DarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackBlack
BlackDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteDarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteBlack
BlackDarkGoldenRod
DarkGoldenRodSwitch
Three Circles
DarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackBlack
BlackDarkGoldenRod
DarkGoldenRodWhite
WhiteBlack
BlackWhite
WhiteDarkGoldenRod
DarkGoldenRodWhite
WhiteDarkGoldenRod
DarkGoldenRodBlack
BlackWhite
WhiteBlack
BlackDarkGoldenRod
DarkGoldenRodSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkGoldenRodUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkGoldenRodUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkGoldenRodLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkGoldenRodBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkGoldenRodLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkGoldenRodSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkGoldenRodBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkGoldenRodBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkGoldenRodBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkGoldenRodColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkGoldenRodBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkGoldenRodSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkGoldenRodBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkGoldenRodBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkGoldenRodBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkGoldenRodHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkGoldenRodBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkGoldenRodSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkGoldenRodCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkGoldenRodCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkGoldenRodSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkGoldenRodTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkGoldenRodSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkGoldenRodSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkGoldenRodShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkGoldenRodShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkGoldenRodSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkGoldenRodVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkGoldenRodSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkGoldenRodSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkGoldenRodShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkGoldenRodShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkGoldenRodPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkGoldenRodJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkGoldenRodPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkGoldenRodSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkGoldenRodScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkGoldenRodScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkGoldenRodCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkGoldenRodBackground:
Screen:
Cat:
WhiteScreen:
DarkGoldenRodCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkGoldenRodSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkGoldenRodCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkGoldenRodCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkGoldenRodAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkGoldenRod