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