Dark brown color: code #654321
Dark brown
#654321
Color codes
- HEX
#654321 - RGB
rgb(101, 67, 33) - HSL
hsl(30, 51%, 26%) - HSV
hsv(30, 67%, 40%) - CMYK
cmyk(0%, 34%, 67%, 60%) - LAB
lab(31.6% 10.9 26.2) - OKLCH
oklch(41.4% 0.068 64)
About the color Dark brown
Dark brown has the HEX code #654321, which corresponds to rgb(101, 67, 33) in the RGB model. On the color wheel its hue sits at 30°, with 51% saturation and 26% lightness (hsl(30, 51%, 26%)).
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.83:1 contrast ratio on it, versus 2.37:1 for black.
For print, the approximate conversion is cmyk(0%, 34%, 67%, 60%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Dark brown
Complementary
#654321 · #204264
Analogous
#642020 · #654321 · #646420
Triadic
#654321 · #206442 · #422064
Tetradic
#654321 · #206420 · #204264 · #642064
Split-complementary
#654321 · #206464 · #202064
Monochromatic
#040301 · #3E2914 · #654321 · #9E6933 · #C88F56
Dark brown with white and black text
How to use it in CSS
:root {
--color-dark-brown: #654321;
--color-dark-brown-rgb: 101, 67, 33;
}
.elemento {
background-color: var(--color-dark-brown);
color: #FFFFFF;
}