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