Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
FireBrick
| Color Name | HEX | RGB |
|---|---|---|
FireBrick |
#B22222 |
178, 34, 34 |
| 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
FireBrick
FireBrickBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteBlack
BlackBlack
BlackFireBrick
FireBrickWhite
WhiteBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteFireBrick
FireBrickBlack
BlackWhite
WhiteBlack
BlackFireBrick
FireBrickSwitch
Vertical Combination
FireBrick
FireBrickBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteBlack
BlackBlack
BlackFireBrick
FireBrickWhite
WhiteBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteFireBrick
FireBrickBlack
BlackWhite
WhiteBlack
BlackFireBrick
FireBrickSwitch
Horizontal/Vertical Combination
FireBrick
FireBrickBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteBlack
BlackBlack
BlackFireBrick
FireBrickWhite
WhiteBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteFireBrick
FireBrickBlack
BlackWhite
WhiteBlack
BlackFireBrick
FireBrickSwitch
Three Circles
FireBrick
FireBrickBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteBlack
BlackBlack
BlackFireBrick
FireBrickWhite
WhiteBlack
BlackWhite
WhiteFireBrick
FireBrickWhite
WhiteFireBrick
FireBrickBlack
BlackWhite
WhiteBlack
BlackFireBrick
FireBrickSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
FireBrickUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
FireBrickUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
FireBrickLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
FireBrickBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
FireBrickLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
FireBrickSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
FireBrickBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
FireBrickBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
FireBrickBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
FireBrickColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
FireBrickBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
FireBrickSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
FireBrickBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
FireBrickBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
FireBrickBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
FireBrickHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
FireBrickBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
FireBrickSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
FireBrickCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
FireBrickCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
FireBrickSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
FireBrickTopping/Fillings:
Cream:
Sponge:
WhiteCream:
FireBrickSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
FireBrickSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
FireBrickShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
FireBrickShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
FireBrickSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
FireBrickVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
FireBrickSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
FireBrickSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
FireBrickShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
FireBrickShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
FireBrickPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
FireBrickJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
FireBrickPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
FireBrickSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
FireBrickScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
FireBrickScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
FireBrickCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
FireBrickBackground:
Screen:
Cat:
WhiteScreen:
FireBrickCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
FireBrickSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
FireBrickCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
FireBrickCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
FireBrickAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
FireBrick