# Chocolate Color (#D2691E)

> Chocolate is a CSS named color defined as hex code #D2691E.

- **URL**: https://swatchatlas.com/colors/chocolate/
- **Language**: English (en)
- **CSS Name**: `chocolate`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #D2691E
- **RGB**: rgb(210, 105, 30)
- **HSL**: hsl(25, 75%, 47%)
- **HSV/HSB**: hsv(25, 86%, 82%)
- **CMYK**: cmyk(0%, 50%, 86%, 18%) (digital approximation, non-print)
- **OKLCH**: oklch(0.634 0.155 50.3)

## What Colors Go With Chocolate
Contrast is each color on Chocolate (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 5.78:1, text-safe. Strong, readable text on chocolate.
- **White (#FFFFFF)**: 3.63:1, background or accent. Clean text for large or bold labels on chocolate.
- **Ivory (#FFFFF0)**: 3.6:1, background or accent. A warm off-white for backgrounds around chocolate.
- **Wheat (#F5DEB3)**: 2.77:1, background or accent. A warm beige for natural, bakery-style palettes.
- **Navy (#000080)**: 4.41:1, background or accent. A deep blue that gives a crisp complementary contrast.
- **Cornsilk (#FFF8DC)**: 3.41:1, background or accent. A creamy off-white for backgrounds and spacing.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Chocolate**: 5.78:1 (Passes AA for all text; AAA for large text only)
- **Pure White (#FFFFFF) text on Chocolate**: 3.63:1 (Passes AA for large text only)
- **Dark Charcoal (#212529) text on Chocolate**: 4.25:1 (Passes AA for large text only)
- **Mid Gray (#666666) text on Chocolate**: 1.58:1 (Fails AA and AAA)

## FAQ
### Can I use black text on Chocolate?
Yes. Black text on Chocolate has a WCAG 2.2 contrast ratio of 5.78:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.

### Can I use white text on Chocolate?
Only for large text. White text on Chocolate has a WCAG 2.2 contrast ratio of 3.63:1: enough for large text (3:1) but below the 4.5:1 needed for body text.

### What colors go with Chocolate?
Black, White, Ivory, Wheat, Navy and Cornsilk all go well with Chocolate. Black (5.78:1) has enough contrast for text on Chocolate; White, Ivory, Wheat, Navy and Cornsilk work better as a background or accent.

### Is chocolate the same as dark brown?
No. CSS Chocolate (#D2691E) is a lighter, more orange brown. CSS has no color named dark brown; Saddle Brown (#8B4513) is closer to the color of dark chocolate.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/chocolate-1920x1080.png