Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
RoyalBlue
| Color Name | HEX | RGB |
|---|---|---|
RoyalBlue |
#4169E1 |
65, 105, 225 |
| 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
RoyalBlue
RoyalBlueBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackBlack
BlackRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteRoyalBlue
RoyalBlueBlack
BlackWhite
WhiteBlack
BlackRoyalBlue
RoyalBlueSwitch
Vertical Combination
RoyalBlue
RoyalBlueBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackBlack
BlackRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteRoyalBlue
RoyalBlueBlack
BlackWhite
WhiteBlack
BlackRoyalBlue
RoyalBlueSwitch
Horizontal/Vertical Combination
RoyalBlue
RoyalBlueBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackBlack
BlackRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteRoyalBlue
RoyalBlueBlack
BlackWhite
WhiteBlack
BlackRoyalBlue
RoyalBlueSwitch
Three Circles
RoyalBlue
RoyalBlueBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackBlack
BlackRoyalBlue
RoyalBlueWhite
WhiteBlack
BlackWhite
WhiteRoyalBlue
RoyalBlueWhite
WhiteRoyalBlue
RoyalBlueBlack
BlackWhite
WhiteBlack
BlackRoyalBlue
RoyalBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
RoyalBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
RoyalBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
RoyalBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
RoyalBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
RoyalBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
RoyalBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
RoyalBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
RoyalBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
RoyalBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
RoyalBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
RoyalBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
RoyalBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
RoyalBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
RoyalBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
RoyalBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
RoyalBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
RoyalBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
RoyalBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
RoyalBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
RoyalBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
RoyalBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
RoyalBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
RoyalBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
RoyalBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
RoyalBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
RoyalBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
RoyalBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
RoyalBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
RoyalBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
RoyalBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
RoyalBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
RoyalBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
RoyalBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
RoyalBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
RoyalBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
RoyalBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
RoyalBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
RoyalBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
RoyalBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
RoyalBlueBackground:
Screen:
Cat:
WhiteScreen:
RoyalBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
RoyalBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
RoyalBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
RoyalBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
RoyalBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
RoyalBlue
<