Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Gold
| Color Name | HEX | RGB |
|---|---|---|
Gold |
#FFD700 |
255, 215, 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
Gold
GoldBlack
BlackWhite
WhiteGold
GoldWhite
WhiteBlack
BlackBlack
BlackGold
GoldWhite
WhiteBlack
BlackWhite
WhiteGold
GoldWhite
WhiteGold
GoldBlack
BlackWhite
WhiteBlack
BlackGold
GoldSwitch
Vertical Combination
Gold
GoldBlack
BlackWhite
WhiteGold
GoldWhite
WhiteBlack
BlackBlack
BlackGold
GoldWhite
WhiteBlack
BlackWhite
WhiteGold
GoldWhite
WhiteGold
GoldBlack
BlackWhite
WhiteBlack
BlackGold
GoldSwitch
Horizontal/Vertical Combination
Gold
GoldBlack
BlackWhite
WhiteGold
GoldWhite
WhiteBlack
BlackBlack
BlackGold
GoldWhite
WhiteBlack
BlackWhite
WhiteGold
GoldWhite
WhiteGold
GoldBlack
BlackWhite
WhiteBlack
BlackGold
GoldSwitch
Three Circles
Gold
GoldBlack
BlackWhite
WhiteGold
GoldWhite
WhiteBlack
BlackBlack
BlackGold
GoldWhite
WhiteBlack
BlackWhite
WhiteGold
GoldWhite
WhiteGold
GoldBlack
BlackWhite
WhiteBlack
BlackGold
GoldSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GoldUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
GoldUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
GoldLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
GoldBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
GoldLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
GoldSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
GoldBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
GoldColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
GoldBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
GoldSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GoldBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
GoldBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
GoldBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
GoldHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
GoldBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
GoldSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GoldCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
GoldCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
GoldSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
GoldTopping/Fillings:
Cream:
Sponge:
WhiteCream:
GoldSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
GoldSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GoldShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
GoldShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
GoldSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
GoldVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
GoldSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
GoldSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GoldShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
GoldShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
GoldPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
GoldJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
GoldPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
GoldSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GoldScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
GoldScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
GoldCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
GoldBackground:
Screen:
Cat:
WhiteScreen:
GoldCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
GoldSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GoldCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
GoldCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
GoldAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Gold