Preview
#556165
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.39:1 · vs black: 3.28:1
HEX
#556165
RGB
rgb(85, 97, 101)
RGBA
rgba(85, 97, 101, 1)
HSL
hsl(195, 9%, 36%)
HSV
hsv(195, 16%, 40%)
LAB
lab(40.28% -3.67 -3.83)
LCH
lch(40.28% 5.3 226.22)
OKLAB
oklab(0.4838 -0.0124 -0.0104)
OKLCH
oklch(0.4838 0.0162 219.99)
XYZ
xyz(10.37, 11.42, 13.97)
CMYK
cmyk(16%, 4%, 0%, 60%)
CSS
color: #556165;
CSS variable
--color-556165: #556165;
SCSS
$color-556165: #556165;
Tailwind
cyan-600
Export
:root {
--#556165-1: #556165;
}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.