Preview
#779baa
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.98:1 · vs black: 7.05:1
HEX
#779baa
RGB
rgb(119, 155, 170)
RGBA
rgba(119, 155, 170, 1)
HSL
hsl(198, 23%, 57%)
HSV
hsv(198, 30%, 67%)
LAB
lab(61.88% -8.72 -11.84)
LCH
lch(61.88% 14.7 233.63)
OKLAB
oklab(0.668 -0.0319 -0.0323)
OKLCH
oklch(0.668 0.0454 225.36)
XYZ
xyz(26.58, 30.27, 42.46)
CMYK
cmyk(30%, 9%, 0%, 33%)
CSS
color: #779baa;
CSS variable
--color-779baa: #779baa;
SCSS
$color-779baa: #779baa;
Tailwind
cyan-400
Export
:root {
--#779baa-1: #779baa;
}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.