Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Cyan
| Color Name | HEX | RGB |
|---|---|---|
Cyan |
#00FFFF |
0, 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
Cyan
CyanBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteBlack
BlackBlack
BlackCyan
CyanWhite
WhiteBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteCyan
CyanBlack
BlackWhite
WhiteBlack
BlackCyan
CyanSwitch
Vertical Combination
Cyan
CyanBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteBlack
BlackBlack
BlackCyan
CyanWhite
WhiteBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteCyan
CyanBlack
BlackWhite
WhiteBlack
BlackCyan
CyanSwitch
Horizontal/Vertical Combination
Cyan
CyanBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteBlack
BlackBlack
BlackCyan
CyanWhite
WhiteBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteCyan
CyanBlack
BlackWhite
WhiteBlack
BlackCyan
CyanSwitch
Three Circles
Cyan
CyanBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteBlack
BlackBlack
BlackCyan
CyanWhite
WhiteBlack
BlackWhite
WhiteCyan
CyanWhite
WhiteCyan
CyanBlack
BlackWhite
WhiteBlack
BlackCyan
CyanSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
CyanUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
CyanUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
CyanLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
CyanBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
CyanLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
CyanSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
CyanBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
CyanBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
CyanBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
CyanColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
CyanBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
CyanSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
CyanBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
CyanBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
CyanBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
CyanHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
CyanBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
CyanSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
CyanCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
CyanCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
CyanSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
CyanTopping/Fillings:
Cream:
Sponge:
WhiteCream:
CyanSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
CyanSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
CyanShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
CyanShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
CyanSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
CyanVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
CyanSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
CyanSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
CyanShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
CyanShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
CyanPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
CyanJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
CyanPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
CyanSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
CyanScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
CyanScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
CyanCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
CyanBackground:
Screen:
Cat:
WhiteScreen:
CyanCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
CyanSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
CyanCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
CyanCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
CyanAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Cyan