Preview
#a8c5f0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.91:1
HEX
#a8c5f0
RGB
rgb(168, 197, 240)
RGBA
rgba(168, 197, 240, 1)
HSL
hsl(216, 71%, 80%)
HSV
hsv(216, 30%, 94%)
LAB
lab(78.78% -0.02 -24.44)
LCH
lch(78.78% 24.44 269.95)
OKLAB
oklab(0.8168 -0.0142 -0.0672)
OKLCH
oklch(0.8168 0.0687 258.07)
XYZ
xyz(51.84, 54.55, 90.22)
CMYK
cmyk(30%, 18%, 0%, 6%)
CSS
color: #a8c5f0;
CSS variable
--color-a8c5f0: #a8c5f0;
SCSS
$color-a8c5f0: #a8c5f0;
Tailwind
sky-200
Export
:root {
--#a8c5f0-1: #a8c5f0;
}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.