Preview
#d0f3ef
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.75:1
HEX
#d0f3ef
RGB
rgb(208, 243, 239)
RGBA
rgba(208, 243, 239, 1)
HSL
hsl(173, 59%, 88%)
HSV
hsv(173, 14%, 95%)
LAB
lab(93.34% -12.06 -1.88)
LCH
lch(93.34% 12.21 188.86)
OKLAB
oklab(0.938 -0.0363 -0.0052)
OKLCH
oklch(0.938 0.0367 188.15)
XYZ
xyz(73.64, 83.74, 93.93)
CMYK
cmyk(14%, 0%, 2%, 5%)
CSS
color: #d0f3ef;
CSS variable
--color-d0f3ef: #d0f3ef;
SCSS
$color-d0f3ef: #d0f3ef;
Tailwind
teal-100
Export
:root {
--#d0f3ef-1: #d0f3ef;
}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.