Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
CadetBlue
| Color Name | HEX | RGB |
|---|---|---|
CadetBlue |
#5F9EA0 |
95, 158, 160 |
| 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
CadetBlue
CadetBlueBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteBlack
BlackBlack
BlackCadetBlue
CadetBlueWhite
WhiteBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteCadetBlue
CadetBlueBlack
BlackWhite
WhiteBlack
BlackCadetBlue
CadetBlueSwitch
Vertical Combination
CadetBlue
CadetBlueBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteBlack
BlackBlack
BlackCadetBlue
CadetBlueWhite
WhiteBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteCadetBlue
CadetBlueBlack
BlackWhite
WhiteBlack
BlackCadetBlue
CadetBlueSwitch
Horizontal/Vertical Combination
CadetBlue
CadetBlueBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteBlack
BlackBlack
BlackCadetBlue
CadetBlueWhite
WhiteBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteCadetBlue
CadetBlueBlack
BlackWhite
WhiteBlack
BlackCadetBlue
CadetBlueSwitch
Three Circles
CadetBlue
CadetBlueBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteBlack
BlackBlack
BlackCadetBlue
CadetBlueWhite
WhiteBlack
BlackWhite
WhiteCadetBlue
CadetBlueWhite
WhiteCadetBlue
CadetBlueBlack
BlackWhite
WhiteBlack
BlackCadetBlue
CadetBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
CadetBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
CadetBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
CadetBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
CadetBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
CadetBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
CadetBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
CadetBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
CadetBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
CadetBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
CadetBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
CadetBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
CadetBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
CadetBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
CadetBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
CadetBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
CadetBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
CadetBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
CadetBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
CadetBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
CadetBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
CadetBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
CadetBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
CadetBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
CadetBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
CadetBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
CadetBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
CadetBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
CadetBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
CadetBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
CadetBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
CadetBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
CadetBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
CadetBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
CadetBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
CadetBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
CadetBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
CadetBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
CadetBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
CadetBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
CadetBlueBackground:
Screen:
Cat:
WhiteScreen:
CadetBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
CadetBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
CadetBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
CadetBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
CadetBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
CadetBlue
<