Preview
#98a5a2
HEX
#98a5a2
RGB
rgb(152, 165, 162)
RGBA
rgba(152, 165, 162, 1)
HSL
hsl(166, 7%, 62%)
HSV
hsv(166, 8%, 65%)
LAB
lab(66.67% -5.17 -0.02)
LCH
lch(66.67% 5.17 180.22)
OKLAB
oklab(0.7107 -0.0153 -0.0001)
OKLCH
oklch(0.7107 0.0153 180.37)
XYZ
xyz(32.92, 36.19, 39.43)
CMYK
cmyk(8%, 0%, 2%, 35%)
CSS
color: #98a5a2;
CSS variable
--color-98a5a2: #98a5a2;
SCSS
$color-98a5a2: #98a5a2;
Tailwind
slate-300
Export
:root {
--#98a5a2-1: #98a5a2;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.