Preview
#a3f5f5
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.94:1
HEX
#a3f5f5
RGB
rgb(163, 245, 245)
RGBA
rgba(163, 245, 245, 1)
HSL
hsl(180, 80%, 80%)
HSV
hsv(180, 33%, 96%)
LAB
lab(91.54% -24.76 -7.92)
LCH
lch(91.54% 26 197.74)
OKLAB
oklab(0.9178 -0.0767 -0.0218)
OKLCH
oklch(0.9178 0.0797 195.87)
XYZ
xyz(64.23, 79.68, 98.36)
CMYK
cmyk(33%, 0%, 0%, 4%)
CSS
color: #a3f5f5;
CSS variable
--color-a3f5f5: #a3f5f5;
SCSS
$color-a3f5f5: #a3f5f5;
Tailwind
cyan-200
Export
:root {
--#a3f5f5-1: #a3f5f5;
}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.