Chocolate Color Code: HEX Code & RGB Code Values

Looking for specific chocolate color code? Get exact chocolate hex code #7B3F00 and chocolate RGB code rgb(123,63,0). Complete color information for design and development projects featuring this rich, delicious brown color.

HEX#7B3F00

RGBrgb(123,63,0)

Shades of Chocolate

Create custom shades of chocolate with our color generator. Adjust hues, tints, and tones to find the perfect shade of chocolate for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 7B3F00

  rgb(123, 63, 0)
• 663504

  rgb(102, 53, 4)
• 522C07

  rgb(82, 44, 7)
• 3F2207

  rgb(63, 34, 7)
• 2D1905

  rgb(45, 25, 5)
• 1C1003

  rgb(28, 16, 3)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 7B3F00

  rgb(123, 63, 0)
• 955C2C

  rgb(149, 92, 44)
• AD7B53

  rgb(173, 123, 83)
• C39A7C

  rgb(195, 154, 124)
• D9BBA6

  rgb(217, 187, 166)
• EDDCD2

  rgb(237, 220, 210)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 7B3F00

  rgb(123, 63, 0)
• 77410D

  rgb(119, 65, 13)
• 72441B

  rgb(114, 68, 27)
• 6C4628

  rgb(108, 70, 40)
• 644934

  rgb(100, 73, 52)
• 5B4C41

  rgb(91, 76, 65)
• 808080

  rgb(128, 128, 128)

Chocolate Palette

Explore curated and automatically generated color palettes featuring chocolate. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FFA540

Light

#D1812B

Medium Light

#A55F15

Medium

#7B3F00

Medium Dark

#582E05

Dark

#371E05

Darkest

#1A0D00

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#7B3F00

Left Dark

#9E693E

Left Medium

#BF9677

Left Light

#DBC4B4

Neutral

#F5F5F5

Right Light

#BFC2D6

Right Medium

#8992B7

Right Dark

#526599

Complementary End

#003C7B

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#C39A7C

Medium

#7B3F00

Dark

#4F1900

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#7B003C

Left Adjacent 1

#7B0200

Main

#7B3F00

Right Adjacent 1

#797B00

Right Adjacent 2

#3C7B00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#7B3F00

Complementary

#003C7B

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#7B3F00

Secondary

#007B3F

Tertiary

#3F007B

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#7B3F00

Right 90°

#007B02

Complementary

#003C7B

Left 90°

#7B0079

Tetradic

Two pairs of complementary colors

4 colors

Main

#7B3F00

Secondary

#3C7B00

Complementary

#003C7B

Complementary Secondary

#3F007B

Split Complementary

Complementary colors ±30°

3 colors

Main

#7B3F00

Split Left

#00797B

Split Right

#01007B

Cyclic

Circular gradient for periodic data

8 colors

0°

#7B3F00

45°

#5B7B00

90°

#007B02

135°

#007B5E

180°

#003C7B

225°

#20007B

270°

#7B0079

315°

#7B001D

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9B39C

Pastel 1

#D1BDA9

Pastel 2

#D8C7B6

Pastel 3

#DFD1C3

Pastel 4

#E6DCD1

Deep Pastel

#EDE6DE

Common Brown Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

Light Brown →

HEX:#B5651D

RGB:rgb(181, 101, 29)

Dark Brown →

HEX:#654321

RGB:rgb(101, 67, 33)

Beige →

HEX:#F5F5DC

RGB:rgb(245, 245, 220)

Extract Chocolate Hex & RGB Codes from Image

Upload a photo to find the exact chocolate HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Chocolate Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for chocolate shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #7B3F00
• RGB:
  rgb(123, 63, 0)
• CMYK:
  cmyk(0%, 49%, 100%, 52%)
• HSV:
  hsv(31°, 100%, 48%)
• HSL:
  hsl(31°, 100%, 24%)

---

What is Chocolate?

Chocolate is a rich, deep brown color named after the delicious treat made from cocoa beans. Chocolate has been enjoyed for over 3,000 years, with the earliest evidence of chocolate consumption dating back to ancient Mesoamerica. The color chocolate captures the rich, warm hues of dark chocolate, ranging from light milk chocolate to deep cocoa brown.

Chocolate is a comforting, inviting color that evokes feelings of warmth and indulgence. It's often associated with luxury, comfort, and celebration. The color has a rich quality that works well in both traditional and modern designs.

The hex code for chocolate is #7B3F00, with RGB values of rgb(123, 63, 0). This combination creates a deep, warm brown with subtle red undertones.

Chocolate vs Similar Colors

Chocolate sits among other brown shades:

Color	HEX Code	Key Difference
Chocolate	#7B3F00	Rich brown
Brown	#A52A2A	Redder
Coffee	#6F4E37	Lighter
Cocoa	#D2691E	More orange

Chocolate is darker than coffee and has more depth than standard brown. Its richness makes it unique.

Using Chocolate in Design

Chocolate's warmth makes it versatile:

Web and UI Design: Chocolate works well for food brands, luxury products, and cozy themes. It creates inviting, sophisticated interfaces. Pair with cream or gold for an elegant aesthetic.

Graphic Design: Chocolate is ideal for chocolate packaging, coffee branding, and premium designs. It pairs beautifully with cream, gold, and forest green.

Fashion and Interiors: A popular color for autumn/winter collections and warm home decor. In interiors, chocolate adds warmth as furniture or accent walls.

Color Psychology and Meaning

Chocolate carries warm associations:

• Comfort and indulgence: Evokes feelings of warmth and pleasure
• Luxury and sophistication: Associated with premium quality
• Warmth and coziness: Creates a welcoming atmosphere
• Tradition and heritage: Linked to timeless elegance

Frequently Asked Questions

What is the chocolate hex code?

The chocolate hex code is #7B3F00. This rich brown is widely used in design.

What colors go well with chocolate?

Chocolate pairs beautifully with cream, gold, forest green, and caramel.

Is chocolate a warm or cool color?

Chocolate is a warm color with subtle red undertones.

What are the RGB values for chocolate?

The chocolate RGB code is rgb(123, 63, 0).

Why is chocolate associated with luxury?

High-quality chocolate has been a luxury item throughout history, making the color naturally associated with indulgence.