Color swatch image showing Chocolate (#7B3F00) with RGB(123,63,0) values

Chocolate (#7B3F00) Color Meaning and Information

Everything you need to know about Chocolate (#7B3F00) including values, color harmonies, shades, meanings, and applications in design, branding, and everyday visuals.

Chocolate (#7B3F00) Color Information

Chocolate (#7B3F00) RGB value is (123, 63, 0). The hex color red value is 123, green is 63, and blue is 0. Its HSL format shows a hue of 31°, saturation of 100 percent, and lightness of 24 percent. The CMYK process values are 0 percent, 49 percent, 100 percent, 52 percent.

Chocolate
#7B3F00
rgb(123, 63, 0)
ColorMean
Share

Chocolate (#7B3F00) Color Meaning

Chocolate (#7B3F00) signifies primal nourishment, earth-rooted comfort, and unrefined authenticity. Chocolate (#7B3F00) is a deep, warm brown that mirrors unsweetened cacao—bitter, rich, and undiluted. Unlike milk chocolate tones, it carries no compromise; unlike coffee browns, it feels edible. In food psychology, this hue increases perceived richness and artisanal quality, especially in premium baking, craft chocolate, and organic goods. Environmental studies show it evokes feelings of safety and satiety, likely due to universal associations with sustenance. In design, Chocolate (#7B3F00) functions as a grounding anchor in warm palettes. It provides excellent contrast against cream or sage, making it ideal for packaging, book covers, and café branding. Digital use is strong in dark-mode interfaces, where it reduces glare while maintaining warmth. Print reproduction is excellent across all stocks, particularly uncoated papers that enhance its tactile feel. Consumer testing reveals higher perceived value for products using Chocolate (#7B3F00) versus lighter browns. Culturally, Chocolate (#7B3F00) reflects nourishment as ritual—shared bowls, slow roasting, ancestral recipes. It appears in fair-trade branding, ceramic design, and culinary storytelling as a symbol of integrity through origin. Spiritually, it connects to the root chakra’s sustaining mode: stability that feeds. Designers use Chocolate (#7B3F00) when they want to signal authenticity without pretense. Its comfort is deep, not shallow.

Color Conversion

Convert Chocolate (#7B3F00) across different color models and formats. These conversions help designers work seamlessly between digital and print media, ensuring this color maintains its intended appearance across RGB screens, CMYK printers, and HSL color manipulations.

HEX
#7B3F00
RGB
rgb(123, 63, 0)
HSL
hsl(31°, 100%, 24%)
CMYK
cmyk(0%, 49%, 100%, 52%)
HSV
hsv(31°, 100%, 48%)
XYZ
9.9459 7.7660 0.9748
Yxy
7.7660 0.5322 0.4156
Hunter Lab
27.8675 0.6644 0.6145
CIE-Lab
33.4907 22.2944 43.8003

RGB Values & CMYK Values

RGB Values

Red123 / 255 (48%)
48%
Green63 / 255 (25%)
25%
Blue0 / 255 (0%)

CMYK Values

Cyan0 / 100 (0%)
Magenta49 / 100 (49%)
49%
Yellow100 / 100 (100%)
100%
Key (Black)52 / 100 (52%)
52%

Color Variations

Chocolate (#7B3F00) harmonies come to life through carefully balanced shades, tints, and tones, giving this color depth and flexibility across light and dark variations. Shades add richness, tints bring an airy softness, and tones soften intensity, making it easy to pair in clean, modern palettes.

Color Harmonies

Chocolate (#7B3F00) harmonies create beautiful relationships with other colors based on their position on the color wheel. Each harmony type offers unique design possibilities, enabling cohesive and visually appealing color schemes.

Analogous

Colors adjacent on the color wheel (30° apart)

Complementary

Colors opposite on the color wheel (180° apart)

Split Complementary

Three colors using one base hue and the two hues beside its opposite

Triadic

Three colors evenly spaced (120° apart)

Tetradic

Four colors forming a rectangle on the wheel

Square

Four colors evenly spaced (90° apart)

Double Split

Four colors formed from two base hues and the colors next to their opposites

Monochromatic

Variations of a single hue

Contrast Checker

(WCAG 2.1) Test Chocolate (#7B3F00) for accessibility compliance against white and black backgrounds. Proper contrast ensures this color remains readable and usable for all audiences, meeting WCAG 2.1 standards for both normal and large text applications.

#FFFFFF
#7B3F00

Sample Text

This is how your text will look with these colors.

Large Text (18pt+)

8.22:1
WCAG AA
WCAG AAA

Normal Text

8.22:1
WCAG AA
WCAG AAA

UI Components

8.22:1
WCAG AA
WCAG AAA

Color Blindness Simulator

See how #7B3F00 appears to people with different types of color vision deficiencies. These simulations help create more inclusive designs that consider how this color is perceived across various visual abilities.

Normal Vision

Chocolate (#7B3F00)

protanopia

#61600f

Note: These simulations are approximations. Actual color vision deficiency varies by individual.

CSS Examples

Background Color

background-color: #7B3F00;

Text Color

color: #7B3F00;

Sample Text

Border Color

border: 2px solid #7B3F00;

Box Shadow

box-shadow: 0 4px 6px #7B3F0040;

Text Shadow

text-shadow: 2px 2px 4px #7B3F00;

Sample Text

Gradient

background: linear-gradient(135deg, #7B3F00 0%, #4e2800 100%);

Chocolate (#7B3F00) Color FAQs

Frequently asked questions about Chocolate (#7B3F00) color meaning, symbolism, and applications. Click on any question to expand detailed answers.