Preview
#97b0c4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.25:1 · vs black: 9.32:1
HEX
#97b0c4
RGB
rgb(151, 176, 196)
RGBA
rgba(151, 176, 196, 1)
HSL
hsl(207, 28%, 68%)
HSV
hsv(207, 23%, 77%)
LAB
lab(70.6% -4.15 -13.02)
LCH
lch(70.6% 13.67 252.32)
OKLAB
oklab(0.7449 -0.0186 -0.0354)
OKLCH
oklch(0.7449 0.04 242.28)
XYZ
xyz(38.25, 41.61, 58.23)
CMYK
cmyk(23%, 10%, 0%, 23%)
CSS
color: #97b0c4;
CSS variable
--color-97b0c4: #97b0c4;
SCSS
$color-97b0c4: #97b0c4;
Tailwind
sky-300
Export
:root {
--#97b0c4-1: #97b0c4;
}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.