#7A3300
#C75B12
#FF8A3D
#FFE1C7
#7A3300 · Chocolate
Click to copy#7A3300 is a dark, highly saturated brown color, closest to Chocolate and near Chocolate and Sepia. In OKLCH it has 41% lightness and 0.11 chroma at hue 48°. Brown suggests earthiness, comfort and reliability; it grounds brighter colors, which makes #7A3300 a natural choice for coffee shops, furniture, crafts and rustic brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#7A3300RGB
rgb(122, 51, 0)HSL
hsl(25, 100%, 24%)CMYK
0, 58, 100, 52CSS var
--chocolateContrast
9.13:1 white · 2.3:1 blackSimilar named colors
How to use #7A3300
White text passes WCAG AA on #7A3300 (9.13:1); black does not, so keep dark text off it.
For a calm scheme pair #7A3300 with its analogous neighbors #7A000A and #7A7000; for contrast use its complement #00477A as a small accent, and anchor everything with a neutral such as #F5F5F7.
--chocolate: #7A3300;
$chocolate: #7A3300;
colors: { 'chocolate': '#7A3300' }