Preview
#838588
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.7:1 · vs black: 5.68:1
HEX
#838588
RGB
rgb(131, 133, 136)
RGBA
rgba(131, 133, 136, 1)
HSL
hsl(216, 2%, 52%)
HSV
hsv(216, 4%, 53%)
LAB
lab(55.46% -0.14 -1.87)
LCH
lch(55.46% 1.88 265.72)
OKLAB
oklab(0.616 -0.001 -0.005)
OKLCH
oklch(0.616 0.0051 258.69)
XYZ
xyz(22.19, 23.38, 26.63)
CMYK
cmyk(4%, 2%, 0%, 47%)
CSS
color: #838588;
CSS variable
--color-838588: #838588;
SCSS
$color-838588: #838588;
Tailwind
slate-400
Export
:root {
--#838588-1: #838588;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.