Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Turquoise
| Color Name | HEX | RGB |
|---|---|---|
Turquoise |
#40E0D0 |
64, 224, 208 |
| 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
Turquoise
TurquoiseBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteBlack
BlackBlack
BlackTurquoise
TurquoiseWhite
WhiteBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteTurquoise
TurquoiseBlack
BlackWhite
WhiteBlack
BlackTurquoise
TurquoiseSwitch
Vertical Combination
Turquoise
TurquoiseBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteBlack
BlackBlack
BlackTurquoise
TurquoiseWhite
WhiteBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteTurquoise
TurquoiseBlack
BlackWhite
WhiteBlack
BlackTurquoise
TurquoiseSwitch
Horizontal/Vertical Combination
Turquoise
TurquoiseBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteBlack
BlackBlack
BlackTurquoise
TurquoiseWhite
WhiteBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteTurquoise
TurquoiseBlack
BlackWhite
WhiteBlack
BlackTurquoise
TurquoiseSwitch
Three Circles
Turquoise
TurquoiseBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteBlack
BlackBlack
BlackTurquoise
TurquoiseWhite
WhiteBlack
BlackWhite
WhiteTurquoise
TurquoiseWhite
WhiteTurquoise
TurquoiseBlack
BlackWhite
WhiteBlack
BlackTurquoise
TurquoiseSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
TurquoiseUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
TurquoiseUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
TurquoiseLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
TurquoiseBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
TurquoiseLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
TurquoiseSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
TurquoiseBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
TurquoiseBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
TurquoiseBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
TurquoiseColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
TurquoiseBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
TurquoiseSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
TurquoiseBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
TurquoiseBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
TurquoiseBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
TurquoiseHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
TurquoiseBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
TurquoiseSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
TurquoiseCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
TurquoiseCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
TurquoiseSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
TurquoiseTopping/Fillings:
Cream:
Sponge:
WhiteCream:
TurquoiseSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
TurquoiseSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
TurquoiseShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
TurquoiseShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
TurquoiseSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
TurquoiseVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
TurquoiseSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
TurquoiseSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
TurquoiseShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
TurquoiseShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
TurquoisePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
TurquoiseJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
TurquoisePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
TurquoiseSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
TurquoiseScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
TurquoiseScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
TurquoiseCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
TurquoiseBackground:
Screen:
Cat:
WhiteScreen:
TurquoiseCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
TurquoiseSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
TurquoiseCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
TurquoiseCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
TurquoiseAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Turquoise
<