#5B7B6C
#8AA399
#C4D3CC
#EEF3F0
#8AA399 · Pewter
Click to copy#8AA399 is a medium, nearly neutral gray color, closest to Pewter and near Pewter and Sage. In OKLCH it has 69% lightness and 0.03 chroma at hue 169°. Gray suggests neutrality and balance; it lets other colors lead, which makes #8AA399 a natural choice for text, borders and interface chrome. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#8AA399RGB
rgb(138, 163, 153)HSL
hsl(156, 12%, 59%)CMYK
15, 0, 6, 36CSS var
--pewterContrast
2.7:1 white · 7.78:1 blackSimilar named colors
How to use #8AA399
Black text passes WCAG AA on #8AA399 (7.78:1); white text does not (2.7:1).
For a calm scheme pair #8AA399 with its analogous neighbors #8AA38C and #8AA0A3; for contrast use its complement #A38A94 as a small accent, and anchor everything with a neutral such as #1F1F24.
--pewter: #8AA399;
$pewter: #8AA399;
colors: { 'pewter': '#8AA399' }