Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightCyan
| Color Name | HEX | RGB |
|---|---|---|
LightCyan |
#E0FFFF |
224, 255, 255 |
| 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
LightCyan
LightCyanBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteBlack
BlackBlack
BlackLightCyan
LightCyanWhite
WhiteBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteLightCyan
LightCyanBlack
BlackWhite
WhiteBlack
BlackLightCyan
LightCyanSwitch
Vertical Combination
LightCyan
LightCyanBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteBlack
BlackBlack
BlackLightCyan
LightCyanWhite
WhiteBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteLightCyan
LightCyanBlack
BlackWhite
WhiteBlack
BlackLightCyan
LightCyanSwitch
Horizontal/Vertical Combination
LightCyan
LightCyanBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteBlack
BlackBlack
BlackLightCyan
LightCyanWhite
WhiteBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteLightCyan
LightCyanBlack
BlackWhite
WhiteBlack
BlackLightCyan
LightCyanSwitch
Three Circles
LightCyan
LightCyanBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteBlack
BlackBlack
BlackLightCyan
LightCyanWhite
WhiteBlack
BlackWhite
WhiteLightCyan
LightCyanWhite
WhiteLightCyan
LightCyanBlack
BlackWhite
WhiteBlack
BlackLightCyan
LightCyanSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightCyanUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightCyanUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightCyanLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightCyanBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightCyanLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightCyanSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightCyanBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightCyanBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightCyanBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightCyanColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightCyanBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightCyanSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightCyanBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightCyanBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightCyanBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightCyanHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightCyanBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightCyanSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightCyanCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightCyanCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightCyanSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightCyanTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightCyanSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightCyanSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightCyanShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightCyanShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightCyanSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightCyanVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightCyanSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightCyanSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightCyanShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightCyanShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightCyanPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightCyanJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightCyanPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightCyanSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightCyanScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightCyanScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightCyanCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightCyanBackground:
Screen:
Cat:
WhiteScreen:
LightCyanCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightCyanSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightCyanCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightCyanCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightCyanAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightCyan