Preview
#abc6ed
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.03:1
HEX
#abc6ed
RGB
rgb(171, 198, 237)
RGBA
rgba(171, 198, 237, 1)
HSL
hsl(215, 65%, 80%)
HSV
hsv(215, 28%, 93%)
LAB
lab(79.13% -0.41 -22.27)
LCH
lch(79.13% 22.27 268.95)
OKLAB
oklab(0.8197 -0.0135 -0.0611)
OKLCH
oklch(0.8197 0.0626 257.54)
XYZ
xyz(52.27, 55.16, 88.00)
CMYK
cmyk(28%, 16%, 0%, 7%)
CSS
color: #abc6ed;
CSS variable
--color-abc6ed: #abc6ed;
SCSS
$color-abc6ed: #abc6ed;
Tailwind
sky-200
Export
:root {
--#abc6ed-1: #abc6ed;
}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.