#2F3A32 · Onyx

Click to copy

#2F3A32 is a dark, nearly neutral gray color, closest to Onyx and near Onyx and Jet. In OKLCH it has 34% lightness and 0.02 chroma at hue 154°. Gray suggests neutrality and balance; it lets other colors lead, which makes #2F3A32 a natural choice for text, borders and interface chrome. It appears in 1 ColorSwoop palette.

Color codes click to copy

HEX#2F3A32
RGBrgb(47, 58, 50)
HSLhsl(136, 10%, 21%)
CMYK19, 0, 14, 77
CSS var--onyx
Contrast11.85:1 white · 1.77:1 black

Similar named colors

Onyx #353839Jet #343434Gunmetal #2A3439Iron #3B3F42Dark Olive #3C3C1E

How to use #2F3A32

White text passes WCAG AA on #2F3A32 (11.85:1); black does not, so keep dark text off it.

For a calm scheme pair #2F3A32 with its analogous neighbors #333B30 and #303B38; for contrast use its complement #3B3038 as a small accent, and anchor everything with a neutral such as #F5F5F7.

--onyx: #2F3A32;

Shades & tints

#090C0A#131714#1C231E#262E28#2F3A32#59615B#828984#ACB0AD#D5D8D6

Color harmonies for #2F3A32

Complementary

#2F3A32#3B3038

Analogous

#2F3A32#333B30#303B38

Triadic

#2F3A32#33303B#3B3330

Split complementary

#2F3A32#38303B#3B3033

Tetradic

#2F3A32#30333B#3B3038#3B3830

Palettes with #2F3A32