Chocolate color: code #7B3F00
Chocolate
#7B3F00
Color codes
- HEX
#7B3F00 - RGB
rgb(123, 63, 0) - HSL
hsl(31, 100%, 24%) - HSV
hsv(31, 100%, 48%) - CMYK
cmyk(0%, 49%, 100%, 52%) - LAB
lab(33.5% 22.3 43.8) - OKLCH
oklch(43.5% 0.105 57)
About the color Chocolate
Chocolate has the HEX code #7B3F00, which corresponds to rgb(123, 63, 0) in the RGB model. On the color wheel its hue sits at 31°, with 100% saturation and 24% lightness (hsl(31, 100%, 24%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for light text: white reaches a 8.22:1 contrast ratio on it, versus 2.55:1 for black.
For print, the approximate conversion is cmyk(0%, 49%, 100%, 52%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Chocolate
Complementary
#7B3F00 · #003B7A
Analogous
#7A0200 · #7B3F00 · #787A00
Triadic
#7B3F00 · #007A3F · #3F007A
Tetradic
#7B3F00 · #007A02 · #003B7A · #7A0078
Split-complementary
#7B3F00 · #00787A · #02007A
Monochromatic
#000000 · #472500 · #7B3F00 · #C76700 · #FF8E14
Chocolate with white and black text
How to use it in CSS
:root {
--color-chocolate: #7B3F00;
--color-chocolate-rgb: 123, 63, 0;
}
.elemento {
background-color: var(--color-chocolate);
color: #FFFFFF;
}