Preview
#bae1d0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.77:1
HEX
#bae1d0
RGB
rgb(186, 225, 208)
RGBA
rgba(186, 225, 208, 1)
HSL
hsl(154, 39%, 81%)
HSV
hsv(154, 17%, 88%)
LAB
lab(86.43% -16.04 4.09)
LCH
lch(86.43% 16.55 165.7)
OKLAB
oklab(0.8771 -0.0458 0.0106)
OKLCH
oklch(0.8771 0.047 166.97)
XYZ
xyz(58.56, 68.84, 69.86)
CMYK
cmyk(17%, 0%, 8%, 12%)
CSS
color: #bae1d0;
CSS variable
--color-bae1d0: #bae1d0;
SCSS
$color-bae1d0: #bae1d0;
Tailwind
emerald-100
Export
:root {
--#bae1d0-1: #bae1d0;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.