Chocolate color: hex codes, shades and palettes

Palettes built around chocolate. Click any swatch to copy its hex code.

Chocolate is #D2691E — orange. Below are its shades with hex codes, the values in every common format, and chocolate color palettes to copy.

#5C4D43

#7D6557

#A07E61

#B79D86

#473929

#776139

#9F8F6A

#CAC096

#AF9B7F

#857853

#5A5737

#323725

#C8B69F

#968B7F

#6C6257

#483B2D

#4E463C

#765F3C

#868170

#ABA06F

#574C43

#7E695B

#A38972

#BFAE9F

#DABE9E

#A5998B

#896E50

#5C4C38

#56472B

#766446

#91856F

#B3A58C

#C6A290

#93847A

#7C6048

#4C453C

#58463E

#7D6A5C

#A2907C

#C2B9AA

#B79D86

#A17F5E

#76695B

#604E3C

#4C413A

#6F645B

#9A896E

#BEB190

#CDB8A7

#AD8F64

#816A46

#514A37

#B4A691

#908475

#72634F

#594226

#57463B

#776051

#9E795E

#BF967A

#493724

#6E5E4D

#A08464

#CAB091

#41322A

#6F5C4F

#9C8A80

#DCB69F

#6B4A3B

#7B6C65

#A5867A

#BEA79F

#674C3A

#7A7065

#9E9078

#BAB4A3

#AF997C

#827661

#625332

#383328

#4D3B23

#685D4A

#8E7D67

#B79F79

#413623

#676154

#979069

#C3C1A0

#D4B49D

#998B81

#765E48

#473927

#554D41

#8A6E47

#B1966C

#D1C1AA

Chocolate hex, RGB, HSL and OKLCH

#D2691E

HEX: #D2691E
RGB: rgb(210, 105, 30)
HSL: hsl(25, 75%, 47%)
OKLCH: oklch(63.4% 0.155 50.3)
On white: 3.63:1
On black: 5.78:1

Shades of chocolate

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Chocolate on white measures 3.63:1 and on black 5.78:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.56:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:espresso, mocha, coffee. See every shade on the colors index.

Chocolate color: hex codes, shades and palettes

No chocolate palettes yet

Chocolate hex, RGB, HSL and OKLCH

Shades of chocolate

Contrast and readability