Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
PaleGreen
| Color Name | HEX | RGB |
|---|---|---|
PaleGreen |
#98FB98 |
152, 251, 152 |
| 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
PaleGreen
PaleGreenBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhiteBlack
BlackBlack
BlackPaleGreen
PaleGreenWhite
WhiteBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhitePaleGreen
PaleGreenBlack
BlackWhite
WhiteBlack
BlackPaleGreen
PaleGreenSwitch
Vertical Combination
PaleGreen
PaleGreenBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhiteBlack
BlackBlack
BlackPaleGreen
PaleGreenWhite
WhiteBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhitePaleGreen
PaleGreenBlack
BlackWhite
WhiteBlack
BlackPaleGreen
PaleGreenSwitch
Horizontal/Vertical Combination
PaleGreen
PaleGreenBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhiteBlack
BlackBlack
BlackPaleGreen
PaleGreenWhite
WhiteBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhitePaleGreen
PaleGreenBlack
BlackWhite
WhiteBlack
BlackPaleGreen
PaleGreenSwitch
Three Circles
PaleGreen
PaleGreenBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhiteBlack
BlackBlack
BlackPaleGreen
PaleGreenWhite
WhiteBlack
BlackWhite
WhitePaleGreen
PaleGreenWhite
WhitePaleGreen
PaleGreenBlack
BlackWhite
WhiteBlack
BlackPaleGreen
PaleGreenSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
PaleGreenUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
PaleGreenUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
PaleGreenLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
PaleGreenBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
PaleGreenLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
PaleGreenSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
PaleGreenBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
PaleGreenBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
PaleGreenBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
PaleGreenColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
PaleGreenBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
PaleGreenSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
PaleGreenBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
PaleGreenBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
PaleGreenBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
PaleGreenHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
PaleGreenBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
PaleGreenSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
PaleGreenCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
PaleGreenCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
PaleGreenSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
PaleGreenTopping/Fillings:
Cream:
Sponge:
WhiteCream:
PaleGreenSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
PaleGreenSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
PaleGreenShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
PaleGreenShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
PaleGreenSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
PaleGreenVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
PaleGreenSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
PaleGreenSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
PaleGreenShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
PaleGreenShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
PaleGreenPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
PaleGreenJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
PaleGreenPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
PaleGreenSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
PaleGreenScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
PaleGreenScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
PaleGreenCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
PaleGreenBackground:
Screen:
Cat:
WhiteScreen:
PaleGreenCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
PaleGreenSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
PaleGreenCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
PaleGreenCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
PaleGreenAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
PaleGreen