Preview
#60778d
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 4.65:1 · vs black: 4.52:1
HEX
#60778d
RGB
rgb(96, 119, 141)
RGBA
rgba(96, 119, 141, 1)
HSL
hsl(209, 19%, 46%)
HSV
hsv(209, 32%, 55%)
LAB
lab(49.01% -2.84 -14.7)
LCH
lch(49.01% 14.97 259.07)
OKLAB
oklab(0.5592 -0.0167 -0.0403)
OKLCH
oklch(0.5592 0.0436 247.49)
XYZ
xyz(16.23, 17.60, 27.74)
CMYK
cmyk(32%, 16%, 0%, 45%)
CSS
color: #60778d;
CSS variable
--color-60778d: #60778d;
SCSS
$color-60778d: #60778d;
Tailwind
sky-500
Export
:root {
--#60778d-1: #60778d;
}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.