Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
GreenYellow
| Color Name | HEX | RGB |
|---|---|---|
GreenYellow |
#ADFF2F |
173, 255, 47 |
| 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
GreenYellow
GreenYellowBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteBlack
BlackBlack
BlackGreenYellow
GreenYellowWhite
WhiteBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteGreenYellow
GreenYellowBlack
BlackWhite
WhiteBlack
BlackGreenYellow
GreenYellowSwitch
Vertical Combination
GreenYellow
GreenYellowBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteBlack
BlackBlack
BlackGreenYellow
GreenYellowWhite
WhiteBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteGreenYellow
GreenYellowBlack
BlackWhite
WhiteBlack
BlackGreenYellow
GreenYellowSwitch
Horizontal/Vertical Combination
GreenYellow
GreenYellowBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteBlack
BlackBlack
BlackGreenYellow
GreenYellowWhite
WhiteBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteGreenYellow
GreenYellowBlack
BlackWhite
WhiteBlack
BlackGreenYellow
GreenYellowSwitch
Three Circles
GreenYellow
GreenYellowBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteBlack
BlackBlack
BlackGreenYellow
GreenYellowWhite
WhiteBlack
BlackWhite
WhiteGreenYellow
GreenYellowWhite
WhiteGreenYellow
GreenYellowBlack
BlackWhite
WhiteBlack
BlackGreenYellow
GreenYellowSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GreenYellowUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
GreenYellowUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
GreenYellowLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
GreenYellowBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
GreenYellowLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
GreenYellowSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GreenYellowBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
GreenYellowBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
GreenYellowBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
GreenYellowColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
GreenYellowBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
GreenYellowSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GreenYellowBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
GreenYellowBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
GreenYellowBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
GreenYellowHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
GreenYellowBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
GreenYellowSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GreenYellowCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
GreenYellowCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
GreenYellowSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
GreenYellowTopping/Fillings:
Cream:
Sponge:
WhiteCream:
GreenYellowSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
GreenYellowSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GreenYellowShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
GreenYellowShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
GreenYellowSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
GreenYellowVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
GreenYellowSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
GreenYellowSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GreenYellowShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
GreenYellowShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
GreenYellowPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
GreenYellowJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
GreenYellowPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
GreenYellowSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GreenYellowScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
GreenYellowScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
GreenYellowCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
GreenYellowBackground:
Screen:
Cat:
WhiteScreen:
GreenYellowCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
GreenYellowSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GreenYellowCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
GreenYellowCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
GreenYellowAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
GreenYellow