Preview
#a5f6e7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.94:1
HEX
#a5f6e7
RGB
rgb(165, 246, 231)
RGBA
rgba(165, 246, 231, 1)
HSL
hsl(169, 82%, 81%)
HSV
hsv(169, 33%, 96%)
LAB
lab(91.54% -27.83 -0.64)
LCH
lch(91.54% 27.84 181.32)
OKLAB
oklab(0.9168 -0.0819 -0.0021)
OKLCH
oklch(0.9168 0.0819 181.47)
XYZ
xyz(62.89, 79.68, 87.65)
CMYK
cmyk(33%, 0%, 6%, 4%)
CSS
color: #a5f6e7;
CSS variable
--color-a5f6e7: #a5f6e7;
SCSS
$color-a5f6e7: #a5f6e7;
Tailwind
teal-100
Export
:root {
--#a5f6e7-1: #a5f6e7;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.