Preview
#79b5d2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.25:1 · vs black: 9.35:1
HEX
#79b5d2
RGB
rgb(121, 181, 210)
RGBA
rgba(121, 181, 210, 1)
HSL
hsl(200, 50%, 65%)
HSV
hsv(200, 42%, 82%)
LAB
lab(70.71% -11.85 -20.72)
LCH
lch(70.71% 23.87 240.23)
OKLAB
oklab(0.7427 -0.0482 -0.0572)
OKLCH
oklch(0.7427 0.0748 229.88)
XYZ
xyz(36.04, 41.76, 67.12)
CMYK
cmyk(42%, 14%, 0%, 18%)
CSS
color: #79b5d2;
CSS variable
--color-79b5d2: #79b5d2;
SCSS
$color-79b5d2: #79b5d2;
Tailwind
sky-300
Export
:root {
--#79b5d2-1: #79b5d2;
}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.