Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Brown
Color Name | HEX | RGB |
---|---|---|
Brown |
#A52A2A |
165, 42, 42 |
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
black
andwhite
.
Horizontal Combination
Brown
Brown
Black
Black
White
White
Brown
Brown
White
White
Black
Black
Black
Black
Brown
Brown
White
White
Black
Black
White
White
Brown
Brown
White
White
Brown
Brown
Black
Black
White
White
Black
Black
Brown
Brown
Switch
Vertical Combination
Brown
Brown
Black
Black
White
White
Brown
Brown
White
White
Black
Black
Black
Black
Brown
Brown
White
White
Black
Black
White
White
Brown
Brown
White
White
Brown
Brown
Black
Black
White
White
Black
Black
Brown
Brown
Switch
Horizontal/Vertical Combination
Brown
Brown
Black
Black
White
White
Brown
Brown
White
White
Black
Black
Black
Black
Brown
Brown
White
White
Black
Black
White
White
Brown
Brown
White
White
Brown
Brown
Black
Black
White
White
Black
Black
Brown
Brown
Switch
Three Circles
Brown
Brown
Black
Black
White
White
Brown
Brown
White
White
Black
Black
Black
Black
Brown
Brown
White
White
Black
Black
White
White
Brown
Brown
White
White
Brown
Brown
Black
Black
White
White
Black
Black
Brown
Brown
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
Brown
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Brown
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
Brown
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
Brown
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Brown
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
Brown
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Brown
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Brown
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
Brown
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
Brown
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Brown
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
Brown
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
Brown
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Brown
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
Brown
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
Brown
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Brown
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
Brown
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
Brown
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Brown
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
Brown
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
Brown
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Brown
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
Brown
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
Brown
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Brown
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
Brown
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
Brown
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Brown
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
Brown
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
Brown
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Brown
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
Brown
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
Brown
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Brown
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
Brown
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
Brown
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
Brown
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
Brown
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
Brown
Background:
Screen:
Cat:
White
Screen:
Brown
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
Brown
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
Brown
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
Brown
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
Brown
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
Brown