Preview
#7b9bb7
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.91:1 · vs black: 7.21:1
HEX
#7b9bb7
RGB
rgb(123, 155, 183)
RGBA
rgba(123, 155, 183, 1)
HSL
hsl(208, 29%, 60%)
HSV
hsv(208, 33%, 72%)
LAB
lab(62.57% -4.25 -18.1)
LCH
lch(62.57% 18.59 256.79)
OKLAB
oklab(0.6755 -0.023 -0.0497)
OKLCH
oklch(0.6755 0.0548 245.17)
XYZ
xyz(28.43, 31.07, 49.29)
CMYK
cmyk(33%, 15%, 0%, 28%)
CSS
color: #7b9bb7;
CSS variable
--color-7b9bb7: #7b9bb7;
SCSS
$color-7b9bb7: #7b9bb7;
Tailwind
sky-400
Export
:root {
--#7b9bb7-1: #7b9bb7;
}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.