#3A4750 · near Charcoal

Click to copy

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

Color codes click to copy

HEX#3A4750
RGBrgb(58, 71, 80)
HSLhsl(205, 16%, 27%)
CMYK28, 11, 0, 69
CSS var--charcoal
Contrast9.56:1 white · 2.2:1 black

Similar named colors

Charcoal #36454FIron #3B3F42Graphite #4B4B4BCharcoal Blue #2C3E50Deep Teal #0F4C5C

How to use #3A4750

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

For a calm scheme pair #3A4750 with its analogous neighbors #3A504E and #3A3C50; for contrast use its complement #50433A as a small accent, and anchor everything with a neutral such as #F5F5F7.

--charcoal: #3A4750;

Color card

#3A4750 hex color card: near Charcoal, RGB 58, 71, 80
Save or share #3A4750 as an image — hex, RGB and HSL on the color itself.

Shades & tints

#0C0E10#171C20#232B30#2E3940#3A4750#616C73#899196#B0B5B9#D8DADC

Color harmonies for #3A4750

Complementary

#3A4750#50433A

Analogous

#3A4750#3A504E#3A3C50

Triadic

#3A4750#503A47#47503A

Split complementary

#3A4750#503A3C#504E3A

Tetradic

#3A4750#4E3A50#50433A#3C503A

Palettes with #3A4750