#222222 · near Raisin

Click to copy

#222222 (RGB 34, 34, 34) is a dark, nearly neutral gray, closest to Raisin and near Ink and Espresso. Gray suggests neutrality and balance; it lets other colors lead, which makes #222222 a natural choice for text, borders and interface chrome. It appears in 2 ColorSwoop palettes. In OKLCH it has 25% lightness and 0.00 chroma at hue 0°.

Color codes click to copy

HEX#222222
RGBrgb(34, 34, 34)
HSLhsl(0, 0%, 13%)
CMYK0, 0, 0, 87
CSS var--raisin
Contrast15.91:1 white · 1.32:1 black

Similar named colors

Raisin #242124Ink #0B1E33Espresso #3C2218Licorice #1A1110Gunmetal #2A3439

How to use #222222

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

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

--raisin: #222222;

Color card

#222222 hex color card: near Raisin, RGB 34, 34, 34
Save or share #222222 as an image — hex, RGB and HSL on the color itself.

Shades & tints

#070707#0E0E0E#141414#1B1B1B#222222#4E4E4E#7A7A7A#A7A7A7#D3D3D3

Color harmonies for #222222

Complementary

#222222#212121

Analogous

#222222#212121#212121

Triadic

#222222#212121#212121

Split complementary

#222222#212121#212121

Tetradic

#222222#212121#212121#212121

Palettes with #222222