Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
GoldenRod
| Color Name | HEX | RGB |
|---|---|---|
GoldenRod |
#DAA520 |
218, 165, 32 |
| 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
GoldenRod
GoldenRodBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteBlack
BlackBlack
BlackGoldenRod
GoldenRodWhite
WhiteBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteGoldenRod
GoldenRodBlack
BlackWhite
WhiteBlack
BlackGoldenRod
GoldenRodSwitch
Vertical Combination
GoldenRod
GoldenRodBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteBlack
BlackBlack
BlackGoldenRod
GoldenRodWhite
WhiteBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteGoldenRod
GoldenRodBlack
BlackWhite
WhiteBlack
BlackGoldenRod
GoldenRodSwitch
Horizontal/Vertical Combination
GoldenRod
GoldenRodBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteBlack
BlackBlack
BlackGoldenRod
GoldenRodWhite
WhiteBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteGoldenRod
GoldenRodBlack
BlackWhite
WhiteBlack
BlackGoldenRod
GoldenRodSwitch
Three Circles
GoldenRod
GoldenRodBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteBlack
BlackBlack
BlackGoldenRod
GoldenRodWhite
WhiteBlack
BlackWhite
WhiteGoldenRod
GoldenRodWhite
WhiteGoldenRod
GoldenRodBlack
BlackWhite
WhiteBlack
BlackGoldenRod
GoldenRodSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GoldenRodUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
GoldenRodUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
GoldenRodLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
GoldenRodBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
GoldenRodLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
GoldenRodSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldenRodBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldenRodBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
GoldenRodBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
GoldenRodColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
GoldenRodBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
GoldenRodSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GoldenRodBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
GoldenRodBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
GoldenRodBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
GoldenRodHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
GoldenRodBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
GoldenRodSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GoldenRodCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
GoldenRodCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
GoldenRodSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
GoldenRodTopping/Fillings:
Cream:
Sponge:
WhiteCream:
GoldenRodSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
GoldenRodSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GoldenRodShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
GoldenRodShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
GoldenRodSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
GoldenRodVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
GoldenRodSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
GoldenRodSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GoldenRodShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
GoldenRodShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
GoldenRodPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
GoldenRodJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
GoldenRodPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
GoldenRodSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GoldenRodScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
GoldenRodScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
GoldenRodCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
GoldenRodBackground:
Screen:
Cat:
WhiteScreen:
GoldenRodCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
GoldenRodSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GoldenRodCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
GoldenRodCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
GoldenRodAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
GoldenRod
<