#3A3A3A · Onyx

Click to copy

#3A3A3A is a dark, nearly neutral gray color, closest to Onyx and near Onyx and Iron. In OKLCH it has 35% lightness and 0.00 chroma at hue 0°. Gray suggests neutrality and balance; it lets other colors lead, which makes #3A3A3A a natural choice for text, borders and interface chrome. It appears in 12 ColorSwoop palettes.

Color codes click to copy

HEX#3A3A3A
RGBrgb(58, 58, 58)
HSLhsl(0, 0%, 23%)
CMYK0, 0, 0, 77
CSS var--onyx
Contrast11.37:1 white · 1.85:1 black

Similar named colors

Onyx #353839Iron #3B3F42Jet #343434Taupe #483C32Gunmetal #2A3439

How to use #3A3A3A

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

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

--onyx: #3A3A3A;

Shades & tints

#0C0C0C#171717#232323#2E2E2E#3A3A3A#616161#898989#B0B0B0#D8D8D8

Color harmonies for #3A3A3A

Complementary

#3A3A3A#3B3B3B

Analogous

#3A3A3A#3B3B3B#3B3B3B

Triadic

#3A3A3A#3B3B3B#3B3B3B

Split complementary

#3A3A3A#3B3B3B#3B3B3B

Tetradic

#3A3A3A#3B3B3B#3B3B3B#3B3B3B

Palettes with #3A3A3A