Preview
#616471
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.88:1 · vs black: 3.57:1
HEX
#616471
RGB
rgb(97, 100, 113)
RGBA
rgba(97, 100, 113, 1)
HSL
hsl(229, 8%, 41%)
HSV
hsv(229, 14%, 44%)
LAB
lab(42.53% 1.75 -7.7)
LCH
lch(42.53% 7.9 282.8)
OKLAB
oklab(0.5052 0.0019 -0.0208)
OKLCH
oklch(0.5052 0.0209 275.22)
XYZ
xyz(12.47, 12.85, 17.44)
CMYK
cmyk(14%, 12%, 0%, 56%)
CSS
color: #616471;
CSS variable
--color-616471: #616471;
SCSS
$color-616471: #616471;
Tailwind
blue-500
Export
:root {
--#616471-1: #616471;
}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.