#7B3F00
Chocolate
Chocolate brown is a rich, deep brown inspired by dark chocolate. It is indulgent, warm, and sophisticated.
Chocolate Color Values
HEX#7B3F00
RGB123, 63, 0
HSL31°, 100%, 24%
HSV31°, 100%, 48%
CMYK0%, 49%, 100%, 52%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #514700 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #5F5500 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #873235 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #555555 (~0.003% of population)
Chocolate as Text Color
Chocolate on White
8.2:1AAA
Chocolate on Light Gray
7.5:1AAA
Chocolate on Cream
7.8:1AAA
Chocolate on Dark
2.1:1FAIL
Chocolate on Black
2.6:1FAIL
Chocolate on Soft Blue
7.2:1AAA
Chocolate on Soft Green
7.3:1AAA
Chocolate on Soft Pink
6.8:1AA
Nearest Tailwind Class
orange-900
#7C2D12
Nearest Pantone Match
Pantone 7621 C
#8B2332
CSS Variable Export
:root {
--color-chocolate: #7B3F00;
--color-chocolate-rgb: 123, 63, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'chocolate': '#7B3F00',
}Shades of Chocolate
#7A3F00
#6B3700
#613200
#522A00
#422200
#381D00
#291500
#1A0D00
#0F0800
#000000
Tints of Chocolate
#7A3F00
#A35400
#D16C00
#FA8100
#FF9729
#FFAB52
#FFC180
#FFD5A8
#FFEBD6
#FFFFFF
Color Harmonies
Complementary
#7B3F00
#003B7A
Analogous
#7A0200
#7A3F00
#787A00
Triadic
#7A3F00
#007A3F
#3F007A
Chocolate Text Preview
Heading in Chocolate
Body text in Chocolate. The quick brown fox jumps over the lazy dog.
White on Chocolate
Body text on a Chocolate background.
Chocolate text on dark background
Contrast: 2.2:1