#CC2C31
#FFC464
#2A2A2A
#FFFAEF
#2A2A2A · Raisin
Click to copy#2A2A2A is a dark, nearly neutral gray color, closest to Raisin and near Raisin and Gunmetal. In OKLCH it has 29% lightness and 0.00 chroma at hue 0°. Gray suggests neutrality and balance; it lets other colors lead, which makes #2A2A2A a natural choice for text, borders and interface chrome. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#2A2A2ARGB
rgb(42, 42, 42)HSL
hsl(0, 0%, 16%)CMYK
0, 0, 0, 84CSS var
--raisinContrast
14.35:1 white · 1.46:1 blackSimilar named colors
How to use #2A2A2A
White text passes WCAG AA on #2A2A2A (14.35:1); black does not, so keep dark text off it.
For a calm scheme pair #2A2A2A with its analogous neighbors #292929 and #292929; for contrast use its complement #292929 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--raisin: #2A2A2A;
$raisin: #2A2A2A;
colors: { 'raisin': '#2A2A2A' }