Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
FloralWhite
| Color Name | HEX | RGB |
|---|---|---|
FloralWhite |
#FFFAF0 |
255, 250, 240 |
| 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
FloralWhite
FloralWhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteBlack
BlackBlack
BlackFloralWhite
FloralWhiteWhite
WhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteFloralWhite
FloralWhiteBlack
BlackWhite
WhiteBlack
BlackFloralWhite
FloralWhiteSwitch
Vertical Combination
FloralWhite
FloralWhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteBlack
BlackBlack
BlackFloralWhite
FloralWhiteWhite
WhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteFloralWhite
FloralWhiteBlack
BlackWhite
WhiteBlack
BlackFloralWhite
FloralWhiteSwitch
Horizontal/Vertical Combination
FloralWhite
FloralWhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteBlack
BlackBlack
BlackFloralWhite
FloralWhiteWhite
WhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteFloralWhite
FloralWhiteBlack
BlackWhite
WhiteBlack
BlackFloralWhite
FloralWhiteSwitch
Three Circles
FloralWhite
FloralWhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteBlack
BlackBlack
BlackFloralWhite
FloralWhiteWhite
WhiteBlack
BlackWhite
WhiteFloralWhite
FloralWhiteWhite
WhiteFloralWhite
FloralWhiteBlack
BlackWhite
WhiteBlack
BlackFloralWhite
FloralWhiteSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
FloralWhiteUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
FloralWhiteUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
FloralWhiteLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
FloralWhiteBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
FloralWhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
FloralWhiteSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
FloralWhiteBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
FloralWhiteBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
FloralWhiteBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
FloralWhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
FloralWhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
FloralWhiteSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
FloralWhiteBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
FloralWhiteBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
FloralWhiteBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
FloralWhiteHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
FloralWhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
FloralWhiteSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
FloralWhiteCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
FloralWhiteCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
FloralWhiteSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
FloralWhiteTopping/Fillings:
Cream:
Sponge:
WhiteCream:
FloralWhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
FloralWhiteSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
FloralWhiteShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
FloralWhiteShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
FloralWhiteSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
FloralWhiteVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
FloralWhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
FloralWhiteSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
FloralWhiteShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
FloralWhiteShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
FloralWhitePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
FloralWhiteJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
FloralWhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
FloralWhiteSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
FloralWhiteScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
FloralWhiteScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
FloralWhiteCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
FloralWhiteBackground:
Screen:
Cat:
WhiteScreen:
FloralWhiteCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
FloralWhiteSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
FloralWhiteCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
FloralWhiteCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
FloralWhiteAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
FloralWhite