Preview
#a2e4ef
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.88:1
HEX
#a2e4ef
RGB
rgb(162, 228, 239)
RGBA
rgba(162, 228, 239, 1)
HSL
hsl(189, 71%, 79%)
HSV
hsv(189, 32%, 94%)
LAB
lab(86.7% -18.04 -11.99)
LCH
lch(86.7% 21.66 213.61)
OKLAB
oklab(0.8784 -0.0593 -0.0328)
OKLCH
oklch(0.8784 0.0678 208.95)
XYZ
xyz(58.22, 69.40, 91.97)
CMYK
cmyk(32%, 5%, 0%, 6%)
CSS
color: #a2e4ef;
CSS variable
--color-a2e4ef: #a2e4ef;
SCSS
$color-a2e4ef: #a2e4ef;
Tailwind
cyan-200
Export
:root {
--#a2e4ef-1: #a2e4ef;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.