Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
PaleGoldenRod
| Color Name | HEX | RGB |
|---|---|---|
PaleGoldenRod |
#EEE8AA |
238, 232, 170 |
| 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
PaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackBlack
BlackPaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhitePaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhiteBlack
BlackPaleGoldenRod
PaleGoldenRodSwitch
Vertical Combination
PaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackBlack
BlackPaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhitePaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhiteBlack
BlackPaleGoldenRod
PaleGoldenRodSwitch
Horizontal/Vertical Combination
PaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackBlack
BlackPaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhitePaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhiteBlack
BlackPaleGoldenRod
PaleGoldenRodSwitch
Three Circles
PaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackBlack
BlackPaleGoldenRod
PaleGoldenRodWhite
WhiteBlack
BlackWhite
WhitePaleGoldenRod
PaleGoldenRodWhite
WhitePaleGoldenRod
PaleGoldenRodBlack
BlackWhite
WhiteBlack
BlackPaleGoldenRod
PaleGoldenRodSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
PaleGoldenRodUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
PaleGoldenRodUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
PaleGoldenRodLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
PaleGoldenRodBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
PaleGoldenRodLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
PaleGoldenRodSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
PaleGoldenRodBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
PaleGoldenRodBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
PaleGoldenRodBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
PaleGoldenRodColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
PaleGoldenRodBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
PaleGoldenRodSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
PaleGoldenRodBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
PaleGoldenRodBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
PaleGoldenRodBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
PaleGoldenRodHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
PaleGoldenRodBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
PaleGoldenRodSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
PaleGoldenRodCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
PaleGoldenRodCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
PaleGoldenRodSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
PaleGoldenRodTopping/Fillings:
Cream:
Sponge:
WhiteCream:
PaleGoldenRodSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
PaleGoldenRodSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
PaleGoldenRodShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
PaleGoldenRodShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
PaleGoldenRodSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
PaleGoldenRodVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
PaleGoldenRodSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
PaleGoldenRodSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
PaleGoldenRodShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
PaleGoldenRodShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
PaleGoldenRodPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
PaleGoldenRodJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
PaleGoldenRodPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
PaleGoldenRodSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
PaleGoldenRodScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
PaleGoldenRodScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
PaleGoldenRodCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
PaleGoldenRodBackground:
Screen:
Cat:
WhiteScreen:
PaleGoldenRodCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
PaleGoldenRodSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
PaleGoldenRodCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
PaleGoldenRodCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
PaleGoldenRodAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
PaleGoldenRod