#222831 · near Raisin

Click to copy

#222831 (RGB 34, 40, 49) is a dark, nearly neutral gray, closest to Raisin and near Gunmetal and Ink. Gray suggests neutrality and balance; it lets other colors lead, which makes #222831 a natural choice for text, borders and interface chrome. It appears in 3 ColorSwoop palettes. In OKLCH it has 27% lightness and 0.02 chroma at hue 258°.

Color codes click to copy

HEX#222831
RGBrgb(34, 40, 49)
HSLhsl(216, 18%, 16%)
CMYK31, 18, 0, 81
CSS var--raisin
Contrast14.83:1 white · 1.42:1 black

Similar named colors

Raisin #242124Gunmetal #2A3439Ink #0B1E33Jet #343434Space #1D2951

How to use #222831

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

For a calm scheme pair #222831 with its analogous neighbors #212F30 and #232130; for contrast use its complement #302A21 as a small accent, and anchor everything with a neutral such as #F5F5F7.

--raisin: #222831;

Color card

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

Shades & tints

#07080A#0E1014#14181D#1B2027#222831#4E535A#7A7E83#A7A9AD#D3D4D6

Color harmonies for #222831

Complementary

#222831#302A21

Analogous

#222831#212F30#232130

Triadic

#222831#302127#273021

Split complementary

#222831#302321#2F3021

Tetradic

#222831#30212F#302A21#213023

Palettes with #222831