brownwarmCSS named color
Chocolate #7B3F00
A deep warm brown, like dark chocolate.
Use cases: Chocolate brands · Warm dark UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #7B3F00 | |
| RGB | rgb(123, 63, 0) | |
| HSL | hsl(31, 100%, 24%) | |
| HSV | hsv(31, 100%, 48%) | |
| CMYK | cmyk(0%, 48.8%, 100%, 51.8%) | |
| XYZ | xyz(9.9469, 7.7672, 0.9754) | |
| CIE-LAB | lab(33.5, 22.3, 43.8) | |
| Luminance | 0.078 (WCAG relative) |
/* Chocolate */
color: #7b3f00;
background-color: #7b3f00;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#6f3900 #623200 #562c00 #4a2600 #3e2000 #311900 #251300 #190d00 #0c0600 #000000
Tints (toward white)
#88521a #956533 #a3794d #b08c66 #bd9f80 #cab299 #d7c5b3 #e5d9cc #f2ece6 #ffffff
Tones (toward gray)
#7c460d #7c4c1a #7d5326 #7d5933 #7e6040 #7e664d #7f6d5a #7f7366 #807a73 #808080
Color harmonies
Complementary
Edit in generator →#7B3F00
#003C7B
#7b3f00 #003c7b
Analogous
Edit in generator →#7B0200
#7B3F00
#7A7B00
#7b0200 #7b3f00 #7a7b00
Triadic
Edit in generator →#7B3F00
#007B3F
#3F007B
#7b3f00 #007b3f #3f007b
Tetradic
Edit in generator →#7B3F00
#007B02
#003C7B
#7B007A
#7b3f00 #007b02 #003c7b #7b007a
Split Complementary
Edit in generator →#7B3F00
#007A7B
#02007B
#7b3f00 #007a7b #02007b
Monochromatic
Edit in generator →#1F1000
#3E2000
#7B3F00
#B85E00
#F57E00
#1f1000 #3e2000 #7b3f00 #b85e00 #f57e00
Accessibility & contrast
8.22
#7B3F00 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.55
#7B3F00 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
Best text on chocolate
8.22
#FFFFFF text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Sienna #A0522D | 11.46 | |
| Rust #B7410E | 14.32 | |
| Walnut #5C4A3D | 15.74 | |
| Espresso #4B382A | 16.13 | |
| Maroon #800000 | 16.79 | |
| Umber #635147 | 16.85 |
Related colors
Palettes with chocolate
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.