Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
CornflowerBlue
| Color Name | HEX | RGB |
|---|---|---|
CornflowerBlue |
#6495ED |
100, 149, 237 |
| 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
CornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackBlack
BlackCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteCornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteBlack
BlackCornflowerBlue
CornflowerBlueSwitch
Vertical Combination
CornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackBlack
BlackCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteCornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteBlack
BlackCornflowerBlue
CornflowerBlueSwitch
Horizontal/Vertical Combination
CornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackBlack
BlackCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteCornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteBlack
BlackCornflowerBlue
CornflowerBlueSwitch
Three Circles
CornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackBlack
BlackCornflowerBlue
CornflowerBlueWhite
WhiteBlack
BlackWhite
WhiteCornflowerBlue
CornflowerBlueWhite
WhiteCornflowerBlue
CornflowerBlueBlack
BlackWhite
WhiteBlack
BlackCornflowerBlue
CornflowerBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
CornflowerBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
CornflowerBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
CornflowerBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
CornflowerBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
CornflowerBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
CornflowerBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
CornflowerBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
CornflowerBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
CornflowerBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
CornflowerBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
CornflowerBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
CornflowerBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
CornflowerBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
CornflowerBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
CornflowerBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
CornflowerBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
CornflowerBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
CornflowerBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
CornflowerBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
CornflowerBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
CornflowerBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
CornflowerBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
CornflowerBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
CornflowerBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
CornflowerBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
CornflowerBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
CornflowerBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
CornflowerBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
CornflowerBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
CornflowerBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
CornflowerBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
CornflowerBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
CornflowerBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
CornflowerBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
CornflowerBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
CornflowerBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
CornflowerBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
CornflowerBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
CornflowerBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
CornflowerBlueBackground:
Screen:
Cat:
WhiteScreen:
CornflowerBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
CornflowerBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
CornflowerBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
CornflowerBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
CornflowerBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
CornflowerBlue