Preview
#4f5f69
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 6.62:1 · vs black: 3.17:1
HEX
#4f5f69
RGB
rgb(79, 95, 105)
RGBA
rgba(79, 95, 105, 1)
HSL
hsl(203, 14%, 36%)
HSV
hsv(203, 25%, 41%)
LAB
lab(39.35% -3.61 -7.72)
LCH
lch(39.35% 8.52 244.94)
OKLAB
oklab(0.4758 -0.0144 -0.021)
OKLCH
oklch(0.4758 0.0255 235.56)
XYZ
xyz(9.87, 10.87, 14.94)
CMYK
cmyk(25%, 10%, 0%, 59%)
CSS
color: #4f5f69;
CSS variable
--color-4f5f69: #4f5f69;
SCSS
$color-4f5f69: #4f5f69;
Tailwind
sky-600
Export
:root {
--#4f5f69-1: #4f5f69;
}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.