Chocolate — #D2691E HEX Color

About Chocolate
Chocolate (#D2691E) is a warm, mid, vivid orange tone with a hue of 25°, saturation of 75% and lightness of 47%. It works well for accents and energetic palettes and conveys a vibrant feeling. On a white background it reaches a contrast ratio of 3.63:1, while on black it reaches 5.78:1 — so prefer black text when using #D2691E as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #D2691E as a background, use black text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #D2691E;color: #D2691E;border: 2px solid #D2691E;background: linear-gradient(135deg, #D2691E, #1e87d2);Code Export
:root {
--color-primary: #d2691e;
--color-primary-rgb: 210, 105, 30;
--color-primary-hsl: 25, 75%, 47%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #D2691E?
Color #D2691E is commonly known as Chocolate. It is a warm, mid, vivid orange tone.
Is #D2691E a warm or cool color?
Chocolate (#D2691E) is a warm color. With a hue of 25°, it falls in the orange family.
What colors go well with #D2691E?
Colors that pair well with Chocolate (#D2691E) include its complementary color (#1E87D2), neutral whites and warm creams, and analogous orange tones for harmonious palettes.