Preview
#a2bde0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.89:1
HEX
#a2bde0
RGB
rgb(162, 189, 224)
RGBA
rgba(162, 189, 224, 1)
HSL
hsl(214, 50%, 76%)
HSV
hsv(214, 28%, 88%)
LAB
lab(75.73% -1.29 -20.48)
LCH
lch(75.73% 20.52 266.4)
OKLAB
oklab(0.7901 -0.015 -0.0561)
OKLCH
oklch(0.7901 0.0581 255.03)
XYZ
xyz(46.55, 49.46, 77.60)
CMYK
cmyk(28%, 16%, 0%, 12%)
CSS
color: #a2bde0;
CSS variable
--color-a2bde0: #a2bde0;
SCSS
$color-a2bde0: #a2bde0;
Tailwind
sky-200
Export
:root {
--#a2bde0-1: #a2bde0;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.