Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightGreen
| Color Name | HEX | RGB |
|---|---|---|
LightGreen |
#90EE90 |
144, 238, 144 |
| 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
LightGreen
LightGreenBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteBlack
BlackBlack
BlackLightGreen
LightGreenWhite
WhiteBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteLightGreen
LightGreenBlack
BlackWhite
WhiteBlack
BlackLightGreen
LightGreenSwitch
Vertical Combination
LightGreen
LightGreenBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteBlack
BlackBlack
BlackLightGreen
LightGreenWhite
WhiteBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteLightGreen
LightGreenBlack
BlackWhite
WhiteBlack
BlackLightGreen
LightGreenSwitch
Horizontal/Vertical Combination
LightGreen
LightGreenBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteBlack
BlackBlack
BlackLightGreen
LightGreenWhite
WhiteBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteLightGreen
LightGreenBlack
BlackWhite
WhiteBlack
BlackLightGreen
LightGreenSwitch
Three Circles
LightGreen
LightGreenBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteBlack
BlackBlack
BlackLightGreen
LightGreenWhite
WhiteBlack
BlackWhite
WhiteLightGreen
LightGreenWhite
WhiteLightGreen
LightGreenBlack
BlackWhite
WhiteBlack
BlackLightGreen
LightGreenSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightGreenUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightGreenUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightGreenLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightGreenBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightGreenLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightGreenSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightGreenBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightGreenBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightGreenBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightGreenColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightGreenBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightGreenSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightGreenBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightGreenBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightGreenBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightGreenHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightGreenBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightGreenSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightGreenCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightGreenCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightGreenSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightGreenTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightGreenSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightGreenSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightGreenShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightGreenShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightGreenSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightGreenVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightGreenSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightGreenSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightGreenShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightGreenShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightGreenPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightGreenJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightGreenPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightGreenSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightGreenScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightGreenScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightGreenCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightGreenBackground:
Screen:
Cat:
WhiteScreen:
LightGreenCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightGreenSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightGreenCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightGreenCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightGreenAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightGreen