Preview
#b3e765
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.54:1
HEX
#b3e765
RGB
rgb(179, 231, 101)
RGBA
rgba(179, 231, 101, 1)
HSL
hsl(84, 73%, 65%)
HSV
hsv(84, 56%, 91%)
LAB
lab(85.84% -36.66 56.89)
LCH
lch(85.84% 67.68 122.8)
OKLAB
oklab(0.8654 -0.1032 0.1331)
OKLCH
oklch(0.8654 0.1684 127.79)
XYZ
xyz(49.52, 67.67, 22.76)
CMYK
cmyk(23%, 0%, 56%, 9%)
CSS
color: #b3e765;
CSS variable
--color-b3e765: #b3e765;
SCSS
$color-b3e765: #b3e765;
Tailwind
yellow-300
Export
:root {
--#b3e765-1: #b3e765;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.