Preview
#b0e170
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.85:1
HEX
#b0e170
RGB
rgb(176, 225, 112)
RGBA
rgba(176, 225, 112, 1)
HSL
hsl(86, 65%, 66%)
HSV
hsv(86, 50%, 88%)
LAB
lab(84.1% -33.96 49.77)
LCH
lch(84.1% 60.25 124.31)
OKLAB
oklab(0.8512 -0.0947 0.1186)
OKLCH
oklch(0.8512 0.1518 128.61)
XYZ
xyz(47.75, 64.25, 25.21)
CMYK
cmyk(22%, 0%, 50%, 12%)
CSS
color: #b0e170;
CSS variable
--color-b0e170: #b0e170;
SCSS
$color-b0e170: #b0e170;
Tailwind
yellow-300
Export
:root {
--#b0e170-1: #b0e170;
}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.