Preview
#bdfff0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.73:1
HEX
#bdfff0
RGB
rgb(189, 255, 240)
RGBA
rgba(189, 255, 240, 1)
HSL
hsl(166, 100%, 87%)
HSV
hsv(166, 26%, 100%)
LAB
lab(95.42% -23.5 0.53)
LCH
lch(95.42% 23.51 178.71)
OKLAB
oklab(0.9519 -0.0688 0.001)
OKLCH
oklch(0.9519 0.0688 179.17)
XYZ
xyz(72.47, 88.63, 95.71)
CMYK
cmyk(26%, 0%, 6%, 0%)
CSS
color: #bdfff0;
CSS variable
--color-bdfff0: #bdfff0;
SCSS
$color-bdfff0: #bdfff0;
Tailwind
teal-100
Export
:root {
--#bdfff0-1: #bdfff0;
}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.