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