#1F2224
#51565A
#9AA0A6
#E8EAEC
#9AA0A6 · Pewter
Click to copy#9AA0A6 is a medium, nearly neutral gray color, closest to Pewter and near Pewter and Dusty Blue. In OKLCH it has 70% lightness and 0.01 chroma at hue 248°. Gray suggests neutrality and balance; it lets other colors lead, which makes #9AA0A6 a natural choice for text, borders and interface chrome. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#9AA0A6RGB
rgb(154, 160, 166)HSL
hsl(210, 6%, 63%)CMYK
7, 4, 0, 35CSS var
--pewterContrast
2.64:1 white · 7.95:1 blackSimilar named colors
How to use #9AA0A6
Black text passes WCAG AA on #9AA0A6 (7.95:1); white text does not (2.64:1).
For a calm scheme pair #9AA0A6 with its analogous neighbors #9BA6A6 and #9B9BA6; for contrast use its complement #A6A19B as a small accent, and anchor everything with a neutral such as #1F1F24.
--pewter: #9AA0A6;
$pewter: #9AA0A6;
colors: { 'pewter': '#9AA0A6' }