#FDFDFF
#FFDFBC
#B9B9B9
#222222
#222222 · Raisin
Click to copy#222222 is a dark, nearly neutral gray color, closest to Raisin and near Raisin and Ink. In OKLCH it has 25% lightness and 0.00 chroma at hue 0°. 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.
Color codes click to copy
HEX
#222222RGB
rgb(34, 34, 34)HSL
hsl(0, 0%, 13%)CMYK
0, 0, 0, 87CSS var
--raisinContrast
15.91:1 white · 1.32:1 blackSimilar named colors
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;
$raisin: #222222;
colors: { 'raisin': '#222222' }