Preview
#a8ccf0
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.56:1
HEX
#a8ccf0
RGB
rgb(168, 204, 240)
RGBA
rgba(168, 204, 240, 1)
HSL
hsl(210, 71%, 80%)
HSV
hsv(210, 30%, 94%)
LAB
lab(80.63% -3.75 -21.63)
LCH
lch(80.63% 21.95 260.16)
OKLAB
oklab(0.8313 -0.0232 -0.0593)
OKLCH
oklch(0.8313 0.0637 248.63)
XYZ
xyz(53.46, 57.80, 90.76)
CMYK
cmyk(30%, 15%, 0%, 6%)
CSS
color: #a8ccf0;
CSS variable
--color-a8ccf0: #a8ccf0;
SCSS
$color-a8ccf0: #a8ccf0;
Tailwind
sky-200
Export
:root {
--#a8ccf0-1: #a8ccf0;
}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.