Preview
#acefe4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.22:1
HEX
#acefe4
RGB
rgb(172, 239, 228)
RGBA
rgba(172, 239, 228, 1)
HSL
hsl(170, 68%, 81%)
HSV
hsv(170, 28%, 94%)
LAB
lab(89.91% -23.15 -1.42)
LCH
lch(89.91% 23.19 183.51)
OKLAB
oklab(0.9044 -0.0686 -0.0042)
OKLCH
oklch(0.9044 0.0687 183.5)
XYZ
xyz(61.88, 76.10, 84.81)
CMYK
cmyk(28%, 0%, 5%, 6%)
CSS
color: #acefe4;
CSS variable
--color-acefe4: #acefe4;
SCSS
$color-acefe4: #acefe4;
Tailwind
teal-100
Export
:root {
--#acefe4-1: #acefe4;
}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.