#d2691e rgb(210, 105, 30) 25°, 75%, 47% Use Chocolate in Your Projects
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
Shades & Tints of Chocolate
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.chocolate-color {
color: #d2691e;
background-color: #d2691e;
}
/* As a CSS custom property */
:root {
--color-chocolate: #d2691e;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #1ed269 and #691ed2.