Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkCyan
| Color Name | HEX | RGB |
|---|---|---|
DarkCyan |
#008B8B |
0, 139, 139 |
| 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
DarkCyan
DarkCyanBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteBlack
BlackBlack
BlackDarkCyan
DarkCyanWhite
WhiteBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteDarkCyan
DarkCyanBlack
BlackWhite
WhiteBlack
BlackDarkCyan
DarkCyanSwitch
Vertical Combination
DarkCyan
DarkCyanBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteBlack
BlackBlack
BlackDarkCyan
DarkCyanWhite
WhiteBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteDarkCyan
DarkCyanBlack
BlackWhite
WhiteBlack
BlackDarkCyan
DarkCyanSwitch
Horizontal/Vertical Combination
DarkCyan
DarkCyanBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteBlack
BlackBlack
BlackDarkCyan
DarkCyanWhite
WhiteBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteDarkCyan
DarkCyanBlack
BlackWhite
WhiteBlack
BlackDarkCyan
DarkCyanSwitch
Three Circles
DarkCyan
DarkCyanBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteBlack
BlackBlack
BlackDarkCyan
DarkCyanWhite
WhiteBlack
BlackWhite
WhiteDarkCyan
DarkCyanWhite
WhiteDarkCyan
DarkCyanBlack
BlackWhite
WhiteBlack
BlackDarkCyan
DarkCyanSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkCyanUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkCyanUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkCyanLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkCyanBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkCyanLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkCyanSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkCyanBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkCyanBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkCyanBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkCyanColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkCyanBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkCyanSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkCyanBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkCyanBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkCyanBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkCyanHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkCyanBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkCyanSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkCyanCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkCyanCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkCyanSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkCyanTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkCyanSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkCyanSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkCyanShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkCyanShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkCyanSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkCyanVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkCyanSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkCyanSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkCyanShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkCyanShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkCyanPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkCyanJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkCyanPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkCyanSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkCyanScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkCyanScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkCyanCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkCyanBackground:
Screen:
Cat:
WhiteScreen:
DarkCyanCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkCyanSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkCyanCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkCyanCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkCyanAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkCyan