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