Preview
#a1bbce
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2:1 · vs black: 10.51:1
HEX
#a1bbce
RGB
rgb(161, 187, 206)
RGBA
rgba(161, 187, 206, 1)
HSL
hsl(205, 31%, 72%)
HSV
hsv(205, 22%, 81%)
LAB
lab(74.55% -4.69 -12.5)
LCH
lch(74.55% 13.35 249.43)
OKLAB
oklab(0.7788 -0.0198 -0.034)
OKLCH
oklch(0.7788 0.0393 239.79)
XYZ
xyz(43.61, 47.57, 65.27)
CMYK
cmyk(22%, 9%, 0%, 19%)
CSS
color: #a1bbce;
CSS variable
--color-a1bbce: #a1bbce;
SCSS
$color-a1bbce: #a1bbce;
Tailwind
sky-200
Export
:root {
--#a1bbce-1: #a1bbce;
}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.