Preview
#a7d6df
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.33:1
HEX
#a7d6df
RGB
rgb(167, 214, 223)
RGBA
rgba(167, 214, 223, 1)
HSL
hsl(190, 47%, 76%)
HSV
hsv(190, 25%, 87%)
LAB
lab(82.72% -13.2 -9.42)
LCH
lch(82.72% 16.22 215.51)
OKLAB
oklab(0.846 -0.0434 -0.0257)
OKLCH
oklch(0.846 0.0504 210.63)
XYZ
xyz(53.30, 61.63, 78.89)
CMYK
cmyk(25%, 4%, 0%, 13%)
CSS
color: #a7d6df;
CSS variable
--color-a7d6df: #a7d6df;
SCSS
$color-a7d6df: #a7d6df;
Tailwind
cyan-200
Export
:root {
--#a7d6df-1: #a7d6df;
}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.