Preview
#97adbb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.01:1
HEX
#97adbb
RGB
rgb(151, 173, 187)
RGBA
rgba(151, 173, 187, 1)
HSL
hsl(203, 21%, 66%)
HSV
hsv(203, 19%, 73%)
LAB
lab(69.51% -4.56 -9.7)
LCH
lch(69.51% 10.72 244.82)
OKLAB
oklab(0.7353 -0.0179 -0.0263)
OKLCH
oklch(0.7353 0.0318 235.76)
XYZ
xyz(36.67, 40.05, 52.80)
CMYK
cmyk(19%, 7%, 0%, 27%)
CSS
color: #97adbb;
CSS variable
--color-97adbb: #97adbb;
SCSS
$color-97adbb: #97adbb;
Tailwind
sky-300
Export
:root {
--#97adbb-1: #97adbb;
}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.