#d2691e
HEX
#d2691e RGB
rgb(210, 105, 30) HSL
25°, 75%, 47% About Chocolate Color
Chocolate is a rich, warm brown that evokes indulgence and comfort. It is a favorite for food and beverage brands, especially coffee and desserts.
Use Cases for Chocolate
coffee brandsdessert sitesconfectioneryautumn themeswarm headers
Shades & Tints of Chocolate
#ffffff
#f4dac7
#e9b48f
#dd8f56
#d2691e
#9e4f17
#69350f
#351a08
#000000
Complementary Color
#d2691e
#1e87d2
Analogous Colors
#d21e2d
#d2691e
#d2c31e
CSS Code
.chocolate-color {
color: #d2691e;
}Contrast Recommendations
Black text on Chocolate
Ratio: 5.78:1 ✓ Passes AA ✗ Fails AAA
White text on Chocolate
Ratio: 3.63:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Chocolate?
Chocolate is represented by the hex code #d2691e and has RGB values of rgb(210, 105, 30). It falls under the Brown category.
How to use Chocolate in web design?
Chocolate works well for coffee brands, dessert sites, confectionery. Chocolate is a rich, warm brown that evokes indulgence and comfort. It is a favorite for food and beverage brands, especially coffee and desserts. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Chocolate?
Colors that pair well with Chocolate include saddlebrown, sienna, peru, brown, tan. For a complementary scheme, try #1e87d2. For an analogous scheme, use #d21e2d and #d2c31e.