Chocolate brown
#7B3F00
Chocolate brown (#7B3F00) is a dark, vivid brown colour, warm. In RGB it is 123 red, 63 green and 0 blue; in HSL its hue is 31°, its saturation 100% and its lightness 24%. For print, its CMYK mix is 0% cyan, 49% magenta, 100% yellow and 52% black, though printed colours vary with paper and ink.
Brown feels earthy, warm and dependable, the colour of wood, coffee and leather. It suits food, craft and outdoor brands.
Text on chocolate brown
White text on chocolate brown has a contrast ratio of 8.22:1 and passes AAA; black text has 2.55:1 and fails. White text is the better choice on it. Check other pairs in the contrast checker.
White text · 8.22:1
Black text · 2.55:1
Tints and shades of chocolate brown
Colour palettes with chocolate brown
Colours similar to chocolate brown
Use chocolate brown in CSS
.button {
background-color: #7B3F00;
color: #FFFFFF;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of brown.