Preview
#626366
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.01:1 · vs black: 3.5:1
HEX
#626366
RGB
rgb(98, 99, 102)
RGBA
rgba(98, 99, 102, 1)
HSL
hsl(225, 2%, 39%)
HSV
hsv(225, 4%, 40%)
LAB
lab(41.97% 0.25 -1.83)
LCH
lch(41.97% 1.85 277.78)
OKLAB
oklab(0.4998 0.0001 -0.0049)
OKLCH
oklch(0.4998 0.0049 271.17)
XYZ
xyz(11.90, 12.48, 14.35)
CMYK
cmyk(4%, 3%, 0%, 60%)
CSS
color: #626366;
CSS variable
--color-626366: #626366;
SCSS
$color-626366: #626366;
Tailwind
slate-600
Export
:root {
--#626366-1: #626366;
}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.