#3A2A24 · near Espresso

Click to copy

#3A2A24 (RGB 58, 42, 36) is a dark, nearly neutral gray, closest to Espresso and near Jet and Gunmetal. Gray suggests neutrality and balance; it lets other colors lead, which makes #3A2A24 a natural choice for text, borders and interface chrome. It appears in 1 ColorSwoop palette. In OKLCH it has 30% lightness and 0.03 chroma at hue 41°.

Color codes click to copy

HEX#3A2A24
RGBrgb(58, 42, 36)
HSLhsl(16, 23%, 18%)
CMYK0, 28, 38, 77
CSS var--espresso
Contrast13.67:1 white · 1.54:1 black

Similar named colors

Espresso #3C2218Jet #343434Gunmetal #2A3439Onyx #353839Raisin #242124

How to use #3A2A24

White text passes WCAG AA on #3A2A24 (13.67:1); black does not, so keep dark text off it.

For a calm scheme pair #3A2A24 with its analogous neighbors #382328 and #383423; for contrast use its complement #233338 as a small accent, and anchor everything with a neutral such as #F5F5F7.

--espresso: #3A2A24;

Color card

#3A2A24 hex color card: near Espresso, RGB 58, 42, 36
Save or share #3A2A24 as an image — hex, RGB and HSL on the color itself.

Shades & tints

#0C0807#17110E#231916#2E221D#3A2A24#615550#897F7C#B0AAA7#D8D4D3

Color harmonies for #3A2A24

Complementary

#3A2A24#233338

Analogous

#3A2A24#382328#383423

Triadic

#3A2A24#233829#292338

Split complementary

#3A2A24#233834#232838

Tetradic

#3A2A24#283823#233338#342338

Palettes with #3A2A24