Preview
#9caeb4
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.3:1 · vs black: 9.13:1
HEX
#9caeb4
RGB
rgb(156, 174, 180)
RGBA
rgba(156, 174, 180, 1)
HSL
hsl(195, 14%, 66%)
HSV
hsv(195, 13%, 71%)
LAB
lab(69.92% -4.99 -5.19)
LCH
lch(69.92% 7.2 226.13)
OKLAB
oklab(0.7388 -0.0168 -0.014)
OKLCH
oklch(0.7388 0.0219 219.81)
XYZ
xyz(37.08, 40.63, 49.06)
CMYK
cmyk(13%, 3%, 0%, 29%)
CSS
color: #9caeb4;
CSS variable
--color-9caeb4: #9caeb4;
SCSS
$color-9caeb4: #9caeb4;
Tailwind
cyan-300
Export
:root {
--#9caeb4-1: #9caeb4;
}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.