Preview
#a4bec3
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.73:1
HEX
#a4bec3
RGB
rgb(164, 190, 195)
RGBA
rgba(164, 190, 195, 1)
HSL
hsl(190, 21%, 70%)
HSV
hsv(190, 16%, 76%)
LAB
lab(75.24% -7.74 -5.48)
LCH
lch(75.24% 9.48 215.3)
OKLAB
oklab(0.7836 -0.0251 -0.0148)
OKLCH
oklch(0.7836 0.0291 210.53)
XYZ
xyz(43.57, 48.66, 58.72)
CMYK
cmyk(16%, 3%, 0%, 24%)
CSS
color: #a4bec3;
CSS variable
--color-a4bec3: #a4bec3;
SCSS
$color-a4bec3: #a4bec3;
Tailwind
cyan-300
Export
:root {
--#a4bec3-1: #a4bec3;
}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.