Preview
#edfff8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.26:1
HEX
#edfff8
RGB
rgb(237, 255, 248)
RGBA
rgba(237, 255, 248, 1)
HSL
hsl(157, 100%, 96%)
HSV
hsv(157, 7%, 100%)
LAB
lab(98.55% -7.13 1.32)
LCH
lch(98.55% 7.25 169.51)
OKLAB
oklab(0.9849 -0.0207 0.0034)
OKLCH
oklch(0.9849 0.021 170.67)
XYZ
xyz(87.62, 96.30, 102.76)
CMYK
cmyk(7%, 0%, 3%, 0%)
CSS
color: #edfff8;
CSS variable
--color-edfff8: #edfff8;
SCSS
$color-edfff8: #edfff8;
Tailwind
emerald-50
Export
:root {
--#edfff8-1: #edfff8;
}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.