Preview
#b0ce7e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 11.98:1
HEX
#b0ce7e
RGB
rgb(176, 206, 126)
RGBA
rgba(176, 206, 126, 1)
HSL
hsl(83, 45%, 65%)
HSV
hsv(83, 39%, 81%)
LAB
lab(78.97% -23.33 36.53)
LCH
lch(78.97% 43.34 122.56)
OKLAB
oklab(0.8105 -0.064 0.0897)
OKLCH
oklch(0.8105 0.1102 125.51)
XYZ
xyz(43.74, 54.88, 28.02)
CMYK
cmyk(15%, 0%, 39%, 19%)
CSS
color: #b0ce7e;
CSS variable
--color-b0ce7e: #b0ce7e;
SCSS
$color-b0ce7e: #b0ce7e;
Tailwind
yellow-300
Export
:root {
--#b0ce7e-1: #b0ce7e;
}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.