Preview
#4f5d66
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.8:1 · vs black: 3.09:1
HEX
#4f5d66
RGB
rgb(79, 93, 102)
RGBA
rgba(79, 93, 102, 1)
HSL
hsl(203, 13%, 35%)
HSV
hsv(203, 23%, 40%)
LAB
lab(38.64% -3.17 -6.94)
LCH
lch(38.64% 7.63 245.45)
OKLAB
oklab(0.4698 -0.0126 -0.0188)
OKLCH
oklch(0.4698 0.0226 236.17)
XYZ
xyz(9.54, 10.45, 14.08)
CMYK
cmyk(23%, 9%, 0%, 60%)
CSS
color: #4f5d66;
CSS variable
--color-4f5d66: #4f5d66;
SCSS
$color-4f5d66: #4f5d66;
Tailwind
sky-600
Export
:root {
--#4f5d66-1: #4f5d66;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.