#3A4642 · near Iron

Click to copy

#3A4642 (RGB 58, 70, 66) is a dark, nearly neutral gray, closest to Iron and near Charcoal and Graphite. Gray suggests neutrality and balance; it lets other colors lead, which makes #3A4642 a natural choice for text, borders and interface chrome. It appears in 3 ColorSwoop palettes. In OKLCH it has 38% lightness and 0.02 chroma at hue 173°.

Color codes click to copy

HEX#3A4642
RGBrgb(58, 70, 66)
HSLhsl(160, 9%, 25%)
CMYK17, 0, 6, 73
CSS var--iron
Contrast9.84:1 white · 2.13:1 black

Similar named colors

Iron #3B3F42Charcoal #36454FGraphite #4B4B4BTaupe #483C32Onyx #353839

How to use #3A4642

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

For a calm scheme pair #3A4642 with its analogous neighbors #3A453C and #3A4445; for contrast use its complement #453A3E as a small accent, and anchor everything with a neutral such as #F5F5F7.

--iron: #3A4642;

Color card

#3A4642 hex color card: near Iron, RGB 58, 70, 66
Save or share #3A4642 as an image — hex, RGB and HSL on the color itself.

Shades & tints

#0C0E0D#171C1A#232A28#2E3835#3A4642#616B68#89908E#B0B5B3#D8DAD9

Color harmonies for #3A4642

Complementary

#3A4642#453A3E

Analogous

#3A4642#3A453C#3A4445

Triadic

#3A4642#423A45#45423A

Split complementary

#3A4642#453A44#453C3A

Tetradic

#3A4642#3C3A45#453A3E#44453A

Palettes with #3A4642