Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
SaddleBrown
| Color Name | HEX | RGB |
|---|---|---|
SaddleBrown |
#8B4513 |
139, 69, 19 |
| 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
SaddleBrown
SaddleBrownBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackBlack
BlackSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteSaddleBrown
SaddleBrownBlack
BlackWhite
WhiteBlack
BlackSaddleBrown
SaddleBrownSwitch
Vertical Combination
SaddleBrown
SaddleBrownBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackBlack
BlackSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteSaddleBrown
SaddleBrownBlack
BlackWhite
WhiteBlack
BlackSaddleBrown
SaddleBrownSwitch
Horizontal/Vertical Combination
SaddleBrown
SaddleBrownBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackBlack
BlackSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteSaddleBrown
SaddleBrownBlack
BlackWhite
WhiteBlack
BlackSaddleBrown
SaddleBrownSwitch
Three Circles
SaddleBrown
SaddleBrownBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackBlack
BlackSaddleBrown
SaddleBrownWhite
WhiteBlack
BlackWhite
WhiteSaddleBrown
SaddleBrownWhite
WhiteSaddleBrown
SaddleBrownBlack
BlackWhite
WhiteBlack
BlackSaddleBrown
SaddleBrownSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
SaddleBrownUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
SaddleBrownUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
SaddleBrownLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
SaddleBrownBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
SaddleBrownLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
SaddleBrownSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
SaddleBrownBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
SaddleBrownBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
SaddleBrownBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
SaddleBrownColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
SaddleBrownBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
SaddleBrownSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
SaddleBrownBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
SaddleBrownBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
SaddleBrownBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
SaddleBrownHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
SaddleBrownBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
SaddleBrownSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
SaddleBrownCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
SaddleBrownCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
SaddleBrownSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
SaddleBrownTopping/Fillings:
Cream:
Sponge:
WhiteCream:
SaddleBrownSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
SaddleBrownSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
SaddleBrownShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
SaddleBrownShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
SaddleBrownSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
SaddleBrownVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
SaddleBrownSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
SaddleBrownSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
SaddleBrownShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
SaddleBrownShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
SaddleBrownPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
SaddleBrownJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
SaddleBrownPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
SaddleBrownSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
SaddleBrownScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
SaddleBrownScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
SaddleBrownCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
SaddleBrownBackground:
Screen:
Cat:
WhiteScreen:
SaddleBrownCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
SaddleBrownSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
SaddleBrownCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
SaddleBrownCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
SaddleBrownAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
SaddleBrown