Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DodgerBlue
| Color Name | HEX | RGB |
|---|---|---|
DodgerBlue |
#1E90FF |
30, 144, 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
blackandwhite.
Horizontal Combination
DodgerBlue
DodgerBlueBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackBlack
BlackDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteDodgerBlue
DodgerBlueBlack
BlackWhite
WhiteBlack
BlackDodgerBlue
DodgerBlueSwitch
Vertical Combination
DodgerBlue
DodgerBlueBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackBlack
BlackDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteDodgerBlue
DodgerBlueBlack
BlackWhite
WhiteBlack
BlackDodgerBlue
DodgerBlueSwitch
Horizontal/Vertical Combination
DodgerBlue
DodgerBlueBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackBlack
BlackDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteDodgerBlue
DodgerBlueBlack
BlackWhite
WhiteBlack
BlackDodgerBlue
DodgerBlueSwitch
Three Circles
DodgerBlue
DodgerBlueBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackBlack
BlackDodgerBlue
DodgerBlueWhite
WhiteBlack
BlackWhite
WhiteDodgerBlue
DodgerBlueWhite
WhiteDodgerBlue
DodgerBlueBlack
BlackWhite
WhiteBlack
BlackDodgerBlue
DodgerBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DodgerBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DodgerBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DodgerBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DodgerBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DodgerBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DodgerBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DodgerBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DodgerBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DodgerBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DodgerBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DodgerBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DodgerBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DodgerBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DodgerBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DodgerBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DodgerBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DodgerBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DodgerBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DodgerBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DodgerBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DodgerBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DodgerBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DodgerBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DodgerBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DodgerBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DodgerBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DodgerBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DodgerBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DodgerBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DodgerBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DodgerBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DodgerBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DodgerBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DodgerBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DodgerBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DodgerBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DodgerBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DodgerBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DodgerBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DodgerBlueBackground:
Screen:
Cat:
WhiteScreen:
DodgerBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DodgerBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DodgerBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DodgerBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DodgerBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DodgerBlue