Preview
#626a70
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.5:1 · vs black: 3.81:1
HEX
#626a70
RGB
rgb(98, 106, 112)
RGBA
rgba(98, 106, 112, 1)
HSL
hsl(206, 7%, 41%)
HSV
hsv(206, 12%, 44%)
LAB
lab(44.34% -1.71 -4.4)
LCH
lch(44.34% 4.72 248.76)
OKLAB
oklab(0.5195 -0.0068 -0.0118)
OKLCH
oklch(0.5195 0.0136 240.05)
XYZ
xyz(13.11, 14.07, 17.35)
CMYK
cmyk(13%, 5%, 0%, 56%)
CSS
color: #626a70;
CSS variable
--color-626a70: #626a70;
SCSS
$color-626a70: #626a70;
Tailwind
slate-500
Export
:root {
--#626a70-1: #626a70;
}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.