Preview
#79b0d2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.35:1 · vs black: 8.95:1
HEX
#79b0d2
RGB
rgb(121, 176, 210)
RGBA
rgba(121, 176, 210, 1)
HSL
hsl(203, 50%, 65%)
HSV
hsv(203, 42%, 82%)
LAB
lab(69.3% -9.17 -22.86)
LCH
lch(69.3% 24.63 248.14)
OKLAB
oklab(0.7315 -0.0421 -0.0632)
OKLCH
oklch(0.7315 0.0759 236.33)
XYZ
xyz(35.04, 39.77, 66.79)
CMYK
cmyk(42%, 16%, 0%, 18%)
CSS
color: #79b0d2;
CSS variable
--color-79b0d2: #79b0d2;
SCSS
$color-79b0d2: #79b0d2;
Tailwind
sky-300
Export
:root {
--#79b0d2-1: #79b0d2;
}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.