Preview
#a6c4d9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.82:1 · vs black: 11.52:1
HEX
#a6c4d9
RGB
rgb(166, 196, 217)
RGBA
rgba(166, 196, 217, 1)
HSL
hsl(205, 40%, 75%)
HSV
hsv(205, 24%, 85%)
LAB
lab(77.64% -5.46 -13.81)
LCH
lch(77.64% 14.85 248.43)
OKLAB
oklab(0.805 -0.0229 -0.0376)
OKLCH
oklch(0.805 0.044 238.66)
XYZ
xyz(47.99, 52.60, 73.26)
CMYK
cmyk(24%, 10%, 0%, 15%)
CSS
color: #a6c4d9;
CSS variable
--color-a6c4d9: #a6c4d9;
SCSS
$color-a6c4d9: #a6c4d9;
Tailwind
sky-200
Export
:root {
--#a6c4d9-1: #a6c4d9;
}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.