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
black
andwhite
.
Horizontal Combination
GoldenRod
GoldenRod
Black
Black
White
White
GoldenRod
GoldenRod
White
White
Black
Black
Black
Black
GoldenRod
GoldenRod
White
White
Black
Black
White
White
GoldenRod
GoldenRod
White
White
GoldenRod
GoldenRod
Black
Black
White
White
Black
Black
GoldenRod
GoldenRod
Switch
Vertical Combination
GoldenRod
GoldenRod
Black
Black
White
White
GoldenRod
GoldenRod
White
White
Black
Black
Black
Black
GoldenRod
GoldenRod
White
White
Black
Black
White
White
GoldenRod
GoldenRod
White
White
GoldenRod
GoldenRod
Black
Black
White
White
Black
Black
GoldenRod
GoldenRod
Switch
Horizontal/Vertical Combination
GoldenRod
GoldenRod
Black
Black
White
White
GoldenRod
GoldenRod
White
White
Black
Black
Black
Black
GoldenRod
GoldenRod
White
White
Black
Black
White
White
GoldenRod
GoldenRod
White
White
GoldenRod
GoldenRod
Black
Black
White
White
Black
Black
GoldenRod
GoldenRod
Switch
Three Circles
GoldenRod
GoldenRod
Black
Black
White
White
GoldenRod
GoldenRod
White
White
Black
Black
Black
Black
GoldenRod
GoldenRod
White
White
Black
Black
White
White
GoldenRod
GoldenRod
White
White
GoldenRod
GoldenRod
Black
Black
White
White
Black
Black
GoldenRod
GoldenRod
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GoldenRod
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
GoldenRod
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
GoldenRod
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
GoldenRod
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
GoldenRod
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
GoldenRod
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldenRod
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GoldenRod
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
GoldenRod
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
GoldenRod
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
GoldenRod
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
GoldenRod
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GoldenRod
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
GoldenRod
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
GoldenRod
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
GoldenRod
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
GoldenRod
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
GoldenRod
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GoldenRod
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
GoldenRod
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
GoldenRod
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
GoldenRod
Topping/Fillings:
Cream:
Sponge:
White
Cream:
GoldenRod
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
GoldenRod
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GoldenRod
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
GoldenRod
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
GoldenRod
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
GoldenRod
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
GoldenRod
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
GoldenRod
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GoldenRod
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
GoldenRod
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
GoldenRod
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
GoldenRod
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
GoldenRod
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
GoldenRod
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GoldenRod
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
GoldenRod
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
GoldenRod
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
GoldenRod
Background:
Screen:
Cat:
White
Screen:
GoldenRod
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
GoldenRod
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GoldenRod
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
GoldenRod
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
GoldenRod
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
GoldenRod
<