Skip to content

Chocolate#D2691E HEX Color

#D2691Ergb(210, 105, 30)
#D2691E color swatch

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

HEX#D2691E
RGBrgb(210, 105, 30)
HSLhsl(25°, 75%, 47%)
CMYKcmyk(0%, 50%, 86%, 18%)
CIELABLab(56, 37.1, 56.7)

Accessibility & Contrast

On white
3.63:1
AA Normalfails
AA Largepasses
AAA Normalfails
AAA Largefails
On black
5.78:1
AA Normalpasses
AA Largepasses
AAA Normalfails
AAA Largepasses

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

css
: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.