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