Chocolate #7B3F00

#7B3F00Chocolate
HEX#7B3F00
RGBrgb(123, 63, 0)
HSLhsl(31, 100%, 24%)
HSVhsv(31, 100%, 48%)
OKLCHoklch(43.5% 0.105 57)
OKLABoklab(43.5% 0.057 0.088)
CMYKcmyk(0%, 49%, 100%, 52%)

Chocolate (#7B3F00) is a dark, highly saturated brown hue. A deep, warm brown that instantly signals bakeries, cafes and comfort.

In RGB it is made of 123 red, 63 green and 0 blue. Its HSL hue angle is 31° with 100% saturation and 24% lightness, while its perceptual OKLCH lightness is 43% with a chroma of 0.105. For print, a starting CMYK mix is 0% cyan, 49% magenta, 100% yellow and 52% black.

As a text color on white, Chocolate has a contrast ratio of 8.22:1, which passes WCAG AA for normal text. On black it reaches 2.55:1 and fails AA. If you use Chocolate as a background, put white text on it. The APCA lightness contrast is Lc 16 for black text and Lc -93 for white text.

Its perceptual complement is #00587E, close to charcoal. Colors that look most similar are coffee, brown, wine. It looks fairly similar to people with red-green color blindness (ΔE 7), so its meaning mostly survives.

Contrast

Text on white · 8.22:1 AA ✓
Text on black · 2.55:1 ✗
White on Chocolate · APCA Lc -93
Black on Chocolate · APCA Lc 16

Shades and tints of chocolate

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How chocolate looks with color blindness

Protanopia: #514600Deuteranopia: #5F5400Tritanopia: #883135Achromatopsia: #4F4F4F

Similar colors

Coffee#6F4E37Brown#964B00Wine#722F37Maroon#800000Eggplant#614051Taupe#483C32Burgundy#800020Rust#B7410E

FAQ

What is the hex code for chocolate?

The hex code for chocolate is #7B3F00, which is rgb(123, 63, 0) in RGB.

What text color goes on chocolate?

White text. Its contrast with chocolate is 8.22:1.

What color is the complement of chocolate?

The perceptual (OKLCH) complement of #7B3F00 is #00587E.

← All named colors