Preview
#b3e285
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.13:1
HEX
#b3e285
RGB
rgb(179, 226, 133)
RGBA
rgba(179, 226, 133, 1)
HSL
hsl(90, 62%, 70%)
HSV
hsv(90, 41%, 89%)
LAB
lab(84.83% -30.92 40.56)
LCH
lch(84.83% 51 127.32)
OKLAB
oklab(0.8584 -0.085 0.0992)
OKLCH
oklch(0.8584 0.1306 130.59)
XYZ
xyz(50.02, 65.67, 32.23)
CMYK
cmyk(21%, 0%, 41%, 11%)
CSS
color: #b3e285;
CSS variable
--color-b3e285: #b3e285;
SCSS
$color-b3e285: #b3e285;
Tailwind
yellow-300
Export
:root {
--#b3e285-1: #b3e285;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.