Preview
#65686d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.59:1 · vs black: 3.75:1
HEX
#65686d
RGB
rgb(101, 104, 109)
RGBA
rgba(101, 104, 109, 1)
HSL
hsl(218, 4%, 41%)
HSV
hsv(218, 7%, 43%)
LAB
lab(43.9% -0.08 -3.2)
LCH
lch(43.9% 3.2 268.57)
OKLAB
oklab(0.5164 -0.0014 -0.0086)
OKLCH
oklch(0.5164 0.0087 260.75)
XYZ
xyz(13.08, 13.77, 16.43)
CMYK
cmyk(7%, 5%, 0%, 57%)
CSS
color: #65686d;
CSS variable
--color-65686d: #65686d;
SCSS
$color-65686d: #65686d;
Tailwind
slate-500
Export
:root {
--#65686d-1: #65686d;
}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.