Preview
#4f5e63
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.74:1 · vs black: 3.11:1
HEX
#4f5e63
RGB
rgb(79, 94, 99)
RGBA
rgba(79, 94, 99, 1)
HSL
hsl(195, 11%, 35%)
HSV
hsv(195, 20%, 39%)
LAB
lab(38.84% -4.53 -4.78)
LCH
lch(38.84% 6.59 226.54)
OKLAB
oklab(0.471 -0.0155 -0.013)
OKLCH
oklch(0.471 0.0202 219.99)
XYZ
xyz(9.48, 10.57, 13.34)
CMYK
cmyk(20%, 5%, 0%, 61%)
CSS
color: #4f5e63;
CSS variable
--color-4f5e63: #4f5e63;
SCSS
$color-4f5e63: #4f5e63;
Tailwind
cyan-600
Export
:root {
--#4f5e63-1: #4f5e63;
}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.