Preview
#4f5a5d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.11:1 · vs black: 2.95:1
HEX
#4f5a5d
RGB
rgb(79, 90, 93)
RGBA
rgba(79, 90, 93, 1)
HSL
hsl(193, 8%, 34%)
HSV
hsv(193, 15%, 36%)
LAB
lab(37.42% -3.57 -3.18)
LCH
lch(37.42% 4.78 221.69)
OKLAB
oklab(0.4591 -0.0118 -0.0086)
OKLCH
oklch(0.4591 0.0146 216.09)
XYZ
xyz(8.86, 9.76, 11.77)
CMYK
cmyk(15%, 3%, 0%, 64%)
CSS
color: #4f5a5d;
CSS variable
--color-4f5a5d: #4f5a5d;
SCSS
$color-4f5a5d: #4f5a5d;
Tailwind
cyan-600
Export
:root {
--#4f5a5d-1: #4f5a5d;
}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.