Preview
#a5b8c5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.05:1 · vs black: 10.26:1
HEX
#a5b8c5
RGB
rgb(165, 184, 197)
RGBA
rgba(165, 184, 197, 1)
HSL
hsl(204, 22%, 71%)
HSV
hsv(204, 16%, 77%)
LAB
lab(73.75% -3.8 -8.78)
LCH
lch(73.75% 9.57 246.6)
OKLAB
oklab(0.7722 -0.015 -0.0237)
OKLCH
oklch(0.7722 0.028 237.67)
XYZ
xyz(42.73, 46.31, 59.50)
CMYK
cmyk(16%, 7%, 0%, 23%)
CSS
color: #a5b8c5;
CSS variable
--color-a5b8c5: #a5b8c5;
SCSS
$color-a5b8c5: #a5b8c5;
Tailwind
sky-200
Export
:root {
--#a5b8c5-1: #a5b8c5;
}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.