What does the color Chocolate mean?

Deep Orange

Chocolate

#d2691e

#db874b

#e4a578

#edc3a5

#f6e1d2

#c26e32

Meaning

Bold warmth and intensity. Strong for food, sports, and energetic identities.

History

Chocolate is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Chocolate (#d2691e) in CSS as color: chocolate; or as #d2691e.

Preview

Chocolate

#d2691e

Overview

Family: Deep Orange

Accessibility on this swatch:

(5.78:1)

Contrast vs white: 3.63:1 · vs black: 5.78:1

Formats

HEX

#d2691e

RGB

rgb(210, 105, 30)

RGBA

rgba(210, 105, 30, 1)

HSL

hsl(25, 75%, 47%)

HSV

hsv(25, 86%, 82%)

LAB

lab(55.99% 37.05 56.74)

LCH

lch(55.99% 67.77 56.86)

OKLAB

oklab(0.6344 0.0991 0.1192)

OKLCH

oklch(0.6344 0.155 50.26)

XYZ

xyz(31.87, 23.90, 4.16)

CMYK

cmyk(0%, 50%, 86%, 18%)

CSS

color: #d2691e;

CSS variable

--color-d2691e: #d2691e;

SCSS

$color-d2691e: #d2691e;

Tailwind

red-500

Export

Developer code

:root {
  --chocolate-1: #d2691e;
}

Color psychology

Bold warmth and intensity. Strong for food, sports, and energetic identities.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#db874b

#e4a578

#edc3a5

#f6e1d2

#c26e32

#b17245

#a17759

#907b6c

Similar colors

#d2631e

#ce6a0d

#cc7019

#e77432

#ce672c

#e26822

#d05a11

#ce7527

Browse more in the color name library.